怎样用JS给option添加“选中”属性?

发布网友发布时间：2022-04-26 08:47

我来回答

共3个回答

热心网友时间：2022-04-20 11:13

一、解析字符串。

首先：考虑应该字符串解析成数组。

var ps = value.split(",");

然后：循环该数组。

for(var i = 0;i < ps.length; i++) {

//比较逻辑稍后写

}

二、循环select的option。

首先：获取要操作的select对象。假设要操作的select的ID为update_v_peripheral

var o = document.getElementById("update_v_peripheral");

然后：循环获取到的select对象。

for(j=0;j<o.length;j++){

//此处写比较逻辑

三、综合以上，进行业务处理。

var ps = value.split(",");

var o = document.getElementById("update_v_peripheral");

for(var i = 0;i < ps.length; i++) {

for(j=0;j<o.length;j++){

if(o.options[j].value==ps[i]){

o.options[j].selected = 'selected';

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

热心网友时间：2022-04-20 12:31

访问数据之前，你肯定要传入一个下拉的value进去，在跳转回来之后，再获取这个值，然后循环遍历这个下拉所有option，去判断，如果options[i]==这个值，就selected='selected'：
<html>
<head>
<script>
window.onload = function(){
var opts = document.getElementById("select");
var value = //这个值就是你获取的值;
if(value!=""){
for(var i=0;i<opts.options.length;i++){
if(value==opts.options[i].value){
opts.options[i].selected = 'selected';
alert(opts.options[i].value);
break;
}
}
}
}
</script>
</head>
<body>
<select id="select">
<option value="1">一</option>
<option value="2">二</option>
<option value="3">三</option>
</select>
</body>
</html>

热心网友时间：2022-04-20 14:06

例：<OPTION value=2 selected>省级</OPTION>