jquery - 动态选择框如何从我的文本框值动态地将选项添加到选择框

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>