Add input-box when selecting a specific option into select drop down

Question

i need to add input to a select option when it is selected. whenever the user selects \'other\' an input box is there for the user to enter in data.

html:

Answer 1

You can use jquery .change() to bind change event of an element.

Try this one:

HTML

  Choose Your Name
  Frank
  George
  Other

Enter your Name

Jquery

$('select').change(function(){
     if($('select option:selected').text() == "Other"){
        $('label').show();
     }
     else{
        $('label').hide();
     }
 });

Try in Fiddle

Updated:

You can also add an input-box dynamically -

HTML

  Choose Your Name
  Frank
  George
  Other

Jquery

$('select').change(function(){
   if($('select option:selected').text() == "Other"){
        $('html select').after("Enter your Name");
   }
   else{
        $('label').remove();
   }
});

Try in Fiddle