1

選択したドロップダウン項目を値で変更できることを見てきましたが、値は動的に作成されるため、オプション ID で変更したいと思います。ドロップダウン メニュー、質問のあるセクション、前へ/次へのボタンを備えたアンケートを作成しています。ドロップダウンの値は、php 配列で動的に作成されます。

私が設定した方法はこれに似ています:

<select id="myDropdown">
    <option id="1" value="dynamicallycreated1"></option>
    <option id="2" value="dynamicallycreated2"></option>
    <option id="3" value="dynamicallycreated3"></option>
</select>

選択は、ID として機能する配列のインデックスを使用して、php を介して作成されます。ページには、セクションからセクションに戻る/進むための前/次のボタンがあります。ユーザーが次または前のボタンをクリックしたときに、ドロップダウンを適切な項目に変更したい。現在の JavaScript を使用してインデックスを簡単に取得できるので、このインデックスを ID として使用してドロップダウンを変更するにはどうすればよいですか? ありがとう!

4

3 に答える 3

2

JavaScript では、selectedプロパティをtrue次のように設定するだけです。

var opt = document.getElementById("1");
opt.selected = true;

テスト済みで、Firefox で動作します。

jQuery では、次のようになります。

$("#1").prop('selected', true);
于 2012-11-30T15:34:11.130 に答える
1

Id フィールドとして 1、2、3 を使用すべきではないという Lee Taylor の意見に同意します。value代わりに、ドロップダウンの属性で これらの値を使用できます

jqueryを使用して、値= 1の要素を選択します

$('#myDropdown').val(1);
于 2012-11-30T15:44:19.033 に答える
0

アイテムに特別なものを作成したり、値を変更したりすることは忘れてidください。optionjQueryを使用して。を取得するだけindexです。(インデックスはで始まるので、必要に応じてこの結果0に追加するだけであることに注意してください。)1

$('#myDropdown').find('option:selected').index();

HTML:

<select id="myDropdown">
    <option value="dynamicallycreated1">option one</option>
    <option value="dynamicallycreated2">option two</option>
    <option value="dynamicallycreated3">option three</option>
</select>
于 2012-11-30T15:58:34.730 に答える