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

使用append

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

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

7 个答案: