如何在文本框中插入值以選擇選項

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();
   });
 });         

嗨朋友在這里我想從文本框中添加值來使用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

Answer 2

$(document).ready(function (e) {
    $(".bt1").click(function () {
        var opt = $("#ip1").val();
        $('select').append(' <option value="' + opt + '">' + opt + '</option>')
    });
});

DEMO

Answer 3

使用追加

$(document).ready(function(e) {
    $(".bt1").click(function(){
        var opt = $("#ip1").val();
        $("select").append('<option value="' + opt+ '">' + opt +'</option>')
    });
});

Answer 4

$(".bt1").on('click',function () {
    var optionval= $("#ip1").val();
    $('select').append(' <option value="' + opt + '">' + opt + '</option>')
});

Answer 5

  $(document).ready(function(e) {
             $("select").change(function(){

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

Answer 6

嘗試這個：

$(".bt1").click(function () {
    var opt = $("#ip1").val();
    //check if option already exists in the drop down
    if (!$("select").find("option[value='" + opt + "']").length) {
        //add option to the drop down
        $("select").append("<option value='" + opt + "'>" + opt + "</option>");
    }
    //select entered option
    $("select").find("option[value='" + opt + "']").attr("selected", "selected");
});

在這里查看DEMO 。

Answer 7

希望這會有所幫助

$(document).ready(function (e) {
    var $txtVal = $('#ip1');
    $(".bt1").click(function () {
        var opt = $("#ip1").val();
        if($txtVal.val()){
        $('<option />', { text: $txtVal.val(),value: $txtVal.val()}).appendTo('select');
        }
    });
    });

FIDDLE HERE >>