Help with JS very much needed

Question

Good morning!
Is there anyone able to help me to add one rule to the following JS:

I need to create a JS if statement , so when someone chooses 'XS' size , the 15 size will be appearing in the field, if someone chooses 'S' size, then only 16,17,18,19, ‘M’ -> 20,21,22,23, ‘L’ -> 24-25 will appear in the relevant field and so on. Can someone help here please! Pretty please! https://code.sololearn.com/WWIPkD46frC4/?ref=app

Answer 1

https://code.sololearn.com/WCXFPf646tY8/?ref=app

Answer 2

Svetlana Wilson I just built an onChange event trigger function based on your requirement

https://code.sololearn.com/W9gxTnV5y1PB/?ref=app

Answer 3

A better way to do this is to make each groups of sizes in a different div, and then make buttons, when x is clicked, show div with id y, and please write the code in a file so it's easier to read. If you still need help just ask

Answer 4

that is amazing! how can i combine then two codes😰 і am a learner 🙏🙏🙏🙏🙏🙏🙏🙏🙏

Answer 5

seriously Svetlana Wilson
are you even aware solo learn supports a code playground feature which ensures not to span this q/a thread to unimaginable lengths just paste that code and stare the link here 😉

Answer 6

Please save the code and share the link in Description rather than copy-pasting the code there. That way it will be more comfortable for others to review your code and offer suggestions/workaround.

And don't separate 'Java' and 'Script' in Relevant Tags, rather just 'JavaScript', people might misunderstood your question were in relation to Java, a different language that is : )

Good luck with solution 👍

Answer 7

thanks

Answer 8

Aymen, can you please give an example?

Answer 9

hi Aymen, thanks so much, please, don’t think i am rude or ignorant, the script looks awesome, but we have not achieved the goal entirely, how can we restrict the sizes in numbers to show only relevant to the choice: “XS” - > 15 only, “S” -> 16,17,18,19? is it possible to tweak it so it is logical🙏☺️🤞

Answer 10

It's been a while since I wrote a web page but wait let me try

Answer 11

Do you still need it ?

Answer 12

Anyway, I don't know if this is what you really want, but this is what I could do:

https://code.sololearn.com/Wlbb6Kh9rfB6/?ref=app

If you want to display all of sizes, and then let only numbers you need depending on size, just add a new div containing all sizes.
Also there are some modifications you need to do, because it gives error when you click on select size, since it isn't defined, just remove it

Answer 13

Don't combine, continue from my code, and add the other sizes, the code I sent it only a demo. if you still need help you can ask

Answer 14

Aymane, it doesn’work with the original code, i try to tweak it and nothing.....

Answer 15

Send the tweaked code, it worked perfectly fine on my laptop and on the code playground

Answer 16

how can i share it with you please?

Answer 17

Write it in code playground, save it, and then post it here

Answer 18

Ayman, yes, please help🙏☺️
i can continue from your code, it has to be integrated with the product type, product id and product label, but how to add all other fields, which are before the sizes come😰 i feel totally blonde

Answer 19

Ok, but it will leave you syntax exactly as it is, tru to make a clearer code next time please, and format it well with spaces and tabs, because this is hard to read.

Answer 20

I realized that I drote a long code for such a simple script, the solution is actually much easier