javascript - 如何在文本框中插入值以选择选项

Question

HTML

<input type="text" value="" id="ip1" class="ip1" />
<input type="button" value="Add" class="bt1" id="bt1">    
</br>          
<select>
 <option value="volvo">Volvo</option>
 <option value="saab">Saab</option>
</select>

JQUERY

 $(document).ready(function(e) {
   $(".bt1").click(function(){
     var opt = $("#ip1").val();
   });
 });         

嗨， friend 们，我想使用 jquery 从文本框中添加值以选择选项， 我从文本框中获取了值，但不知道如何插入，请帮助我。

Answer 1

你可以这样做:

HTML:

         <select id="List">
           <option value="volvo">Volvo</option>
           <option value="saab">Saab</option>
         </select>

JQUERY:

         $(".bt1").click(function(){

         var opt = $("#ip1").val();

          $('#List')
         .append($("<option></option>")
         .attr("value",opt )
         .text(opt));
         });

FIDDLE DEMO