动态设置option标签默认选中的两种方法

最新推荐文章于 2023-03-22 19:08:51 发布

不问收获_但问耕耘

最新推荐文章于 2023-03-22 19:08:51 发布

阅读量469

点赞数

文章标签： option选中

本文链接：https://blog.csdn.net/liangyu_henry/article/details/52804934

版权

<span style="font-family: Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);">
</span>

<span style="font-family: Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);">
</span>

<span style="font-family: Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);">
</span>

<span style="font-family: Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);">如题，假设动态获取了后台传入的值，存入变量</span><span style="font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: rgb(255, 0, 0); background-color: rgb(255, 255, 255);">status</span><span style="font-family: Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);">中，现在要让value=status的option设定为选中。</span>

方法一，使用jQuery的子类选择器：

因为是变量status，所以要配合字符串拼接：

$("#repairStatus option[value='"+status+"']").attr("selected","true");

很简单，一步搞定。

方法二，使用js：

var selectTag = document.getElementById("repairStatus");
var options = selectTag.getElementsByTagName("option");
for(var i=0;i<options.length;i++){
var value = options[i].value;
if(value==status){
options[i].setAttribute("selected","true");
}
}