動態選擇框如何從我的文本框動態添加選項的選擇框中的值

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>