下拉菜单创建文本字段

Question

我花了大约一两个小时试图找出如何使用JavaScript来创建一个文本字段，当从下拉列表中选择一个特定的值。

这是下拉菜单的代码，如果有任何帮助。我曾尝试编写代码来做到这一点我自己，但我还是很熟悉如何编写JavaScript代码

<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> 

Answer 1

试试这个希望它有助于

<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> 

和脚本

$(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' />"); 

      } 
      }); 

}); 

例如http://jsfiddle.net/cqjJy/