javascript - PrototypeJSによる複数の選択要素の最初のオプションの選択

Question

required-entryPrototypeJSのページにクラスがあるすべての選択ドロップダウンの最初のオプションを選択したいと思います。私はSOの質問を検索し、多くの関連する質問を見つけましたが、正確に必要なものではありませんでした。

ありがとう

Answer 1

Prototype.jsを実行してからかなり時間が経ちました。したがって、これは最善の方法ではないかもしれませんが、機能するはずです。

次のようなページがあるとします。

<select class='required-entry'>
    <option value='a'>AAA</option>
    <option value='b'>BBB</option>
    <option​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ value='c'>CCC</option>
</select>

<select class='required-entry'>
    <option value='x'>XXX</option>
    <option value='y'>YYY</option>
    <option value='z'>ZZZ</option>
</select>​

option次のようにして、それぞれの最初のものを取得できますselect。

var firstOptions = [];

$$('.required-entry').each(function(sel, i) {
    firstOptions.push($(sel).getElementsBySelector('option')[0]);
});

// firstOptions is now an array containing the first options

さて、あなたが最初のオプションを取得selectしたいのか、それとも最初のオプションが文字通り選択されるように値を設定したいのか、あなたの質問からはわかりませんでした。後者は次のとおりです。

$$('.required-entry').each(function(sel, i) {
    sel.selectedIndex = 0;
});