Menu
I want to have jQuery show div id='business' only if 'business use' is selected in the dropdown box.
This is my code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script> <script> $('#purpose').on('change', function() { if ( this.value == '1'); { $("#business").show(); } else { $("#business").hide(); } }); }); </script> <body> <select id='purpose'> <option value="0">Personal use</option> <option value="1">Business use</option> <option value="2">Passing on to a client</option> </select> <div style='display:none;' id='business'>Business Name<br/> <br/> <input type='text' class='text' name='business' value size='20' /> <br/> </div> </body> and the JSFiddle: http://jsfiddle.net/2kGzZ/1/
405
Wrap the code within $(document).ready(function(){...........}); handler , also remove the ; after if
$(document).ready(function(){ $('#purpose').on('change', function() { if ( this.value == '1') //.....................^....... { $("#business").show(); } else { $("#business").hide(); } }); }); Fiddle Demo
127
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
