js 怎么动态设置 option 的selected 选项 ?

Question

js 怎么动态设置 option 的selected 选项 

Answer 1

通过for循环判断每个选项，一旦满足条件则设置其selected属性为true即可，关键代码： 下面给出实例演示：1、HTML结构2、javascript代码3、设置效果：如图设置选中项为2，点击按钮后“赵云”即被选中。扩展资料：selected 定义和用法selected 属性规定在页面加载时预先选定该选项。被预选的选项会显示在下拉列表最前面的位置。也可以在页面加载后通过 JavaScript 设置 selected 属性。

Answer 2

// 获取 input name="a"// 因为你给出的代码没有 id，没有 class，这里假设页面只有一个 name=a 的 元素var a = document.getElementsByName("a")[0];// 获取 ID 为 functioncode 的 select 下面所有的 optionvar options = document.getElementById("functioncode").options;// 循环for(var i = 0; i < options.length; i++) {// 如果此 option 的 value 等于 a 的 valueif(options[i].value == a.value) {// 设置此 option 的 selected 属性options[i].selected = true;}}