javascript - Display hidden form field based on select box choice -
javascript - Display hidden form field based on select box choice -
here form element have.
<select id="state" name="state" style="width: 212px;"> <option value="nsw">new south wales</option> <option value="qld">queensland</option> <option value="vic">victoria</option> <option value="nt">northern territory</option> <option value="tas">tasmania</option> <option value="sa">south australia</option> <option value="wa">western australia</option> <option value="act">australian capital territory</option> <option value="notinoz">not in australia</option> </select>
what want below add together select box element , if user chooses "not in australia" in options above. after cleanest lightest code possbile.
i presuming create div , set visibility:hidden not sure how trigger it.
<!doctype html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script> $(document).ready(function (){ $("#state").change(function() { // foo id of other select box if ($(this).val() != "notinoz") { $("#foo").show(); }else{ $("#foo").hide(); } }); }); </script> </head> <body> <p> <select id="state" name="state" style="width: 212px;"> <option value="nsw">new south wales</option> <option value="qld">queensland</option> <option value="vic">victoria</option> <option value="nt">northern territory</option> <option value="tas">tasmania</option> <option value="sa">south australia</option> <option value="wa">western australia</option> <option value="act">australian capital territory</option> <option value="notinoz">not in australia</option> </select> </p> <p id="foo" style="display:none;"> <select style="width: 212px;> <option value="item1">item</option> <option value="item2">item</option> <option value="item3">item</option> </select> </p> </body>
javascript forms
Comments
Post a Comment