javascript - Show DropDown based on selection -

I created a basic drop down list for the operator I was thinking that the basis of selection There is a way to display dropdown items on. If I have an integer than the operator dropdown in the category drop down, then only the integer will show related items.

Thanks

should you do it?

Javscript:

$ (document) .ready (function () {$ (document) .on ('change', '. Category', function () { Var val = $ (this) .val (). ToLowerCase (); $ ('operator option'). Skip (); $ ('operator option.' + Val) .show (); $ ('operator operator ( 'Selected', 'selected'). Change ();});});

HTML:

  select class = "category "& Gt; Option val =" value "> gt; value & lt; / option & gt; option val =" weight "> weight  gt; & lt; option Choose val = "size"> Size  gt; option = val = "dimension"> gt; dimension & lt; / option & gt; & lt; / select & gt; & lt; Class = "operator" & gt; & lt; v For Lp val = "1" class = "value" & gt; value 1 & lt; / options & gt; value = valve = "2" square = "value" & gt; for value 2 & lt; / Option & gt; option val = "3" square = "value" & gt; value 3 for & lt; / option & gt; & lt; option val = "4" square = "value" & gt; ; Value for 4 & lt; / option & gt; option val = "1" square = "weight" & gt; For Weight 1 & lt; / Options & gt; & Lt; Option val = "2" square = "weight" & gt; For Weight 2 & lt; / Options & gt; & Lt; Option val = "3" square = "weight" & gt; For weight 3 & lt; / Options & gt; & Lt; Option val = "4" square = "weight" & gt; Weight 4 & lt; / Options & gt; & Lt; Option val = "1" square = "size" & gt; For size 1 & lt; / Options & gt; & Lt; Option val = "2" square = "size" & gt; For size 2 & lt; / Options & gt; & Lt; Option val = "3" square = "size" & gt; For size 3 & lt; / Option & gt; & Lt; Option val = "4" square = "size" & gt; For size 4 & lt; / Options & gt; & Lt; Option val = "1" square = "dimension" & gt; For dimension 1 & lt; / Options & gt; & Lt; Option val = "2" class = "dimension" & gt; For dimension 2 & lt; / Option & gt; & Lt; Option val = "3" square = "dimension" & gt; For dimension 3 & lt; / Options & gt; & Lt; Option val = "4" square = "dimension" & gt; For dimension 4 & lt; / Options & gt; & Lt; / Select & gt;   
 You can modify it to change type detection. I used the class to choose an option, you can set custom attributes in the option to separate them. Hope it helps.