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 选项值？

Answer 1

我不确定您到底在看什么，但是，根据我的理解，我已经修改了您的代码示例。您可以检查下面的代码片段。

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

$(".itemconditionmenu").change(function() {
  var conditionofitem = $(this).val();
  if(conditionofitem == '') {
  	  $("#meta_itemcondition").val('Choose Condition');
   } else {
   	  $("#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">

如果您有任何疑问，请检查并告诉我。