2

ああ、これを理解しようとして頭を悩ませています。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: 非表示の入力はこのフォームにはありません。このフォームではテキスト入力フィールドを使用しているため、メソッドが機能しているかどうかを視覚化できます。

4

2 に答える 2

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

于 2012-04-28T04:42:48.990 に答える
1

ボタンを次のように更新できますonclick。

$("#item_number2").val($("#item_number1 option:selected").attr("id"));

のオプションを変更すると、自動的に変更されるようにすることをお勧めしますselect(ボタンは必要ありません)。

$("#item_number1").change(function() {
    $("#item_number2").val($("option:selected", this).attr("id"));
});
于 2012-04-28T04:47:30.483 に答える