javascript - 用于创建文本字段的下拉菜单

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/