javascript - 如何使用原型(prototype)选择一个选项

标签 javascript html prototypejs

假设我有一个包含此选择元素的 HTML 表单:

  <select name="mySelect" id="mySelect">
    <option value="1" id="option1">1</option>
    <option value="2" id="option2">2</option>
  </select>

如何使用原型(prototype)来选择选项元素之一?

the API reference of Form.Element中列出的方法似乎对此没有帮助。

编辑:“select”是指选项元素上“selected”属性的等效效果。

最佳答案

var options = $$('select#mySelect option');
var len = options.length;
for (var i = 0; i < len; i++) {
    console.log('Option text = ' + options[i].text);
    console.log('Option value = ' + options[i].value);
}

options#mySelect 下拉列表中所有选项元素的数组。如果您想将其中一个或多个标记为选中,只需使用 selected 属性

// replace 1 with index of an item you want to select
options[1].selected = true;

关于javascript - 如何使用原型(prototype)选择一个选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1243595/

相关文章:

javascript - Bootstrap 列达到相同的高度,子级与高度匹配

javascript - 使用 Selenium 选择带有角色复选框的 div 元素

javascript - HTML5 服务器发送的事件 : How to set withCredentials option?

javascript - 自动填充多个选择框在 Internet Explorer 中选择了第一个选项

javascript - 为什么我的凯撒密码会跳过某些字符?

javascript - 每次建立新连接时,Socket.io 连接都会不断增加

html - Border-radius 和 box-shadow CSS 无法正常工作

html - 为更宽的屏幕减小段落的宽度

javascript - 如何克隆一个元素并用克隆的元素替换现有元素?

javascript - 原型(prototype)/脚本 : Selecting groups of paragraphs (<p>) by clicking on them