动态选择框如何从我的文本框动态添加选项的选择框中的值

Question

我新的这种类型的功能，我怎么能检索的文本框的值和每一个值点击添加后追加到旁边的选择框选项按钮任何一个请给我一个建议来解决它。

$(document).ready(function(){ 
 
var val = $('#txt-val').val(); 
 
var selectval = $('#newval').val(); 
 
    $('#addbtn').click(function(){ 
 
    //who to retrive textbox value and append as a option value of select box . 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" style="width:150px;" id="txt-val" /> 
 
<button id="addbtn">Add</button> 
 
<select id="newval" style="width:150px;"> 
 
<option></option> 
 
</select>

Answer 1

只需一行代码，你需要在你的.click()方法添加

使用.append()。

$(document).ready(function(){ 
 
    $('#addbtn').click(function(){ 
 
    var val = $.trim($('#txt-val').val()); 
 
    if(val != '') 
 
     $('#newval').append('<option>' + val +'</option>'); 
 
    $('#txt-val').val(''); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" style="width:150px;" id="txt-val" /> 
 
<button id="addbtn">Add</button> 
 
<select id="newval" style="width:150px;"> 
 
</select>