javascript - 通过 Prototype JS 选择多个选择元素的第一个选项

Question

required-entry我想在带有 Prototype JS 的页面中选择所有具有类的选择下拉列表中的第一个选项。我搜索了 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;
});