StellaBtheWriter
New Member
I want to be able to display the appropriate text box when a certain value is selected. I would appreciate any help. \[code\]JQUERY $('#enterdatabox').change(function() {var selected = $(this).val(); $('#' + selected).css('display', selected ? 'block' : 'none');});HTML<select name="enterdatabox" id="enterdatabox"> <option value="">Please Choose...</option> <option value="http://stackoverflow.com/questions/15864750/option1">Option 1</option> <option value="http://stackoverflow.com/questions/15864750/option2">Option 2</option> <option value="http://stackoverflow.com/questions/15864750/option3">Option 3</option> <option value="http://stackoverflow.com/questions/15864750/option4">Option 4</option> <option value="http://stackoverflow.com/questions/15864750/option5">Option 5</option> <option value="http://stackoverflow.com/questions/15864750/option6">Option 6</option> <option value="http://stackoverflow.com/questions/15864750/option7">Option 7</option> <option value="http://stackoverflow.com/questions/15864750/option8">Option 8</option></select><input type="text" id="option1" style="display: none;" /><input type="text" id="option2" style="display: none;" /><input type="text" id="option3" style="display: none;" /><input type="text" id="option4" style="display: none;" /><input type="text" id="option5" style="display: none;" /><input type="text" id="option6" style="display: none;" /><input type="text" id="option7" style="display: none;" /><input type="text" id="option8" style="display: none;" />\[/code\]