本文介绍如何使用 JavaScript 动态设置已知 Select 下拉框中特定 Option 的 value 值。通过遍历 Select 选项并比对 value,实现自动选中指定项。代码示例基于 Prototype.js 库,展示了获取 DOM 元素、遍历 options 数组及设置 selected 属性的完整流程。
JavaScript 动态设置 Select 指定 Option 值代码示例
代码如下:
function setSelectOption(a, b) { // a 表示 Select 的 ID 名称,b 表示已知的 Option 值
for (i = 0; i < $(a).length; i++) // $(a) 是获取 ID 为 a 的元素简写,前提是必须引用了 prototype.js
if ($(a).options[i].value == b) { // 遍历 Select 的所有选项
$(a).options[i].selected = true; // 将匹配特定值的选项设为选中状态
break;
}