为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

浮云间 2019-02-06 11:07:34
js 怎么动态设置 option 的selected 选项 
查看完整描述

4 回答

?
德玛西亚99

TA贡献1770条经验 获得超3个赞

通过for循环判断每个选项,一旦满足条件则设置其selected属性为true即可,关键代码: 

下面给出实例演示:

1、HTML结构

2、javascript代码

3、设置效果:如图设置选中项为2,点击按钮后“赵云”即被选中。

扩展资料:

selected 定义和用法

selected 属性规定在页面加载时预先选定该选项。

被预选的选项会显示在下拉列表最前面的位置。

也可以在页面加载后通过 JavaScript 设置 selected 属性。



查看完整回答
反对 回复 2019-03-15
?
繁花不似锦

TA贡献1851条经验 获得超4个赞

// 获取 input name="a"
// 因为你给出的代码没有 id,没有 class,这里假设页面只有一个 name=a 的 元素
var a = document.getElementsByName("a")[0];

// 获取 ID 为 functioncode 的 select 下面所有的 option
var options = document.getElementById("functioncode").options;

// 循环
for(var i = 0; i < options.length; i++) {
// 如果此 option 的 value 等于 a 的 value
if(options[i].value == a.value) {
// 设置此 option 的 selected 属性
options[i].selected = true;
}
}



查看完整回答
反对 回复 2019-03-15
  • 4 回答
  • 0 关注
  • 1093 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信