Jquery 表单 - 将隐藏值更改为选项 id

Question

啊，我绞尽脑汁想弄清楚这一点。 Jquery 新手...您可能很快就会知道...

尝试使用选项 id 来设置隐藏输入的值，但经过数小时和数百次 Google 搜索仍没有解决方案。

我已经弄清楚如何使用选择器 ID 提取所选选项的值，但我想获取该选项的 ID，因此我可以将该唯一 ID 设置为隐藏输入的值。

<form>
<select name="amount" id="item_number1">
    <option value="1" id="11">one</option>
    <option value="2" id="22">two</option>
    <option value="3" id="33">three</option>
</select>
<input type="button" value="Set Value" onclick="$('#item_number2').val( $('#item_number1').val() )"/>
<input id="item_number2" type="text" />

Ps:隐藏的输入不在这种形式中，在这种形式中，我使用文本输入字段，这样我就可以看到我的方法是否有效。

Answer 1

您可以像这样获取所选选项的 ID:

<script>
$(function(){
  var sItem = document.getElementById("item_number1");
  $("#transfer").on("click", function(){
    $("#item_number2").val( sItem[sItem.selectedIndex].id );
  });
});
</script>
<input type="button" id="transfer" value="Transfer ID" />
<select name="amount" id="item_number1">
  <option value="1" id="11">one</option>
  <option value="2" id="22">two</option>
  <option value="3" id="33">three</option>
</select>
<input type="text" id="item_number2" />

请注意，您不应该以数字开头 id 值 - 这可能会给您带来问题。遇到此类事情时最好遵守规则。

演示:http://jsbin.com/ucujex/edit#javascript,html,live