dropdown menu to create text field

Question

I have spent about an hour or two trying to find out how to use JavaScript to create a text field when a certain value is selected from a drop down list.

Here is the code for the drop down menu if that's of any help. I'd have attempted to write the code to do this myself, but I am still very unfamiliar with how to write JavaScript code

<select name="claim">
    <option value="">Select a Claim</option>
    <option value="Insurance">Insurance</option> // this option I want when selected to create a text field
    <option value="Warranty">Warranty</option>
</select>

COLD TOLD · Accepted Answer · 2012-05-11 03:25:20Z

2

try this hope it helps

   <div id="area">
         <select id="claim" name="claim">
            <option value="">Select a Claim</option>
        <option value="Insurance">Insurance</option>  
        <option value="Warranty">Warranty</option>
        </select>
        </div>

and script

   $(document).ready(function(){
          $("#claim").change(function(){       
             $("#area").find(".field").remove(); 
             //or
               $('#area').remove('.field');
          if( $(this).val()=="Insurance")
             {
        $("#area").append("<input class='field' type='text' />");

             }
          });

});

example http://jsfiddle.net/cqjJy/

edited May 11, 2012 at 3:25

answered May 11, 2012 at 3:03

COLD TOLD

13.6k3 gold badges37 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Matthew Over a year ago

is there a way if lets say i select the wrong one so inseance but change it to warrenty it will remove the text box instead of leaving it there???

Collectives™ on Stack Overflow

dropdown menu to create text field

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related