如何用js实现下拉框中selected

如何用js实现下拉框中selected,第1张

思胡缓路:设置下拉框的value属性,那么下拉框的option选项中相应value值选项就会被选中

下面实例演裤高模示——根据文本框值设置下拉框选中项:

1、HTML结构

<select id="test">

<option value="0">-- please select --</option>

<option value="1">option-1</option>

<option value="2">option-2</option>

<option value="念唯3">option-3</option>

</select><br>

<input type="text" id="val"><input type="button" value="设置" onclick="fun()">

2、javascript代码

function fun(){

var val = document.getElementById("val").value

document.getElementById("test").value = val

}

3、效果演示

访问数据之前,你肯定要传入一个下拉的value进去,在跳转回来之后,再获取这个值,然后循环遍历这个下拉所有option,去判断,如果options[i]==这个值,就selected='selected':

<html>

<head>

<script>

window.onload = function(){

var opts = document.getElementById("select")

var value = //这个值就是你获取的值世桐

if(value!=""){

for(var i=0i<opts.options.lengthi++){

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>

为selected赋铅锋值为true即可。

<槐腔晌select id="se">

<option>aa</option>

<option>bb</option>

</圆态select>

<input type="button" value="选aa" onclick="document.getElementById('se').options[0].selected=true">

<input type="button" value="选bb" onclick="document.getElementById('se').options[1].selected=true">


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11979348.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-20
下一篇2023-05-20

发表评论

登录后才能评论

评论列表(0条)

    保存