javascript - 如何使用 jquery 将输入字段中的值传递给选择选项？

Question

我正在使用以下代码将值从select选项传递到给定input字段。

$(".itemconditionmenu").change(function() {
  var conditionofitem = $(this).val();
  $("#meta_itemcondition").val(conditionofitem);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<select id="itemcondition" class="itemconditionmenu">
  <option value="">Choose Condition</option>
  <option value="New">New</option>
  <option value="Used">Used</option>
</select>
<input id="meta_itemcondition" type="text" value="New">

但是如何使用 jQuery将input字段的值传递回选项值？select

标签： javascriptjquery

Answer 1

尝试这个

$("#addOption").click(function(){
  $("#itemconditionmenu").append('<option value="'+$("#meta_itemcondition").val()+'" selected="selected">'+$("#meta_itemcondition").val()+'</option>');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<select id="itemconditionmenu">
  <option value="1">1</option>
  <option value="2">2</option>
</select>
<input id="meta_itemcondition" type="text" value=""></input>
<button id="addOption">ADD</button>