JS动态给select的option赋值的具体 *** 作步骤如下：
1、首先我们打开JS软件，点击界面左上角file选项目录下的new选项，再选择java project 新建web项目 *** 作。
2、 *** 作上图后进入下图界面，输入项目名点击下一步直到完成。
3、建立完成后，项目结构如下图。
4、在超链接中设置调用函数用于更新option，代码如下图红框所选。
5、在change函数中获取seclect项，获取option的数量，遍历option获取选中的option更新选中项。
6、最后看一下运行的效果，此时我们可以动态输入数值给select的option赋值。
我们使用javascript实现js动态设置select中的某个值为选中值， *** 作如下：
使用javascript实现：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<select name="jumpMenu" id="jumpMenu" onChange="jumpMenu('parent',this,0)">
<option id="1" value="跳转URL">111</option> // 111 是显示给用户的信息
<option id="2" value="跳转URL">222</option>
<option id="3" value="跳转URL">333</option>
<option id="4" value="跳转URL">444</option>
<option id="5" value="跳转URL">555</option>
</select>
<script type="text/javascript">
function display(optionID){
var all_options = document.getElementById("jumpMenu").options
for (i=0i<all_options.lengthi++){
if (all_options[i].id == optionID) // 根据option标签的ID来进行判断 测试的代码这里是两个等号
{
all_options[i].selected = true
}
}
}
display("4")
</script>
</body>
</html>
扩展资料：
Js获得元素标签名称的方法：
1、$( this ).get(0).tagName
2、$( this )[0].tagName
3、$( this ).prop("tagName")
4、$( this ).prop("nodeName")
通过for循环判断每个选项，一旦满足条件则设置其selected属性为true即可，关键代码：
下面给出实例演示：
1、HTML结构
2、javascript代码
3、设置效果：如图设置选中项为2，点击按钮后“赵云”即被选中。
扩展资料：selected 定义和用法
selected 属性规定在页面加载时预先选定该选项。
被预选的选项会显示在下拉列表最前面的位置。
也可以在页面加载后通过 JavaScript 设置 selected 属性。
参考资料：百度百科JS
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）