如何将项目添加到文本框提供的下拉列表中？

Question

我想从文本框中获取值

并将其添加到另一页的下拉列表中。

Answer 1

假设您有以下两种形式：

HTML：

<form id="form1">
  <input type="text" value="testing">
  <button id="addoption">Click on me</button>
</form>

<form id="form2">
  <select name="myoptions" id="myselect">
    <option value="1">first option</option>
  </select>
</form>

Jquery的：

$('#addoption').click(function(e){
   e.preventDefault(); //Prevent to send the form
   var myvalue = $('input').val();
   //Now let's append an option to the select
   $('#myselect').append($("<option></option>").text(myvalue));
});

工作示例：http://jsfiddle.net/WZyQ3/1/