js如何让下拉列表选中某个值

最新推荐文章于 2022-05-29 19:07:51 发布

原创最新推荐文章于 2022-05-29 19:07:51 发布 · 859 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #ViewUI

JS 专栏收录该内容

64 篇文章

订阅专栏

本文介绍如何使用JavaScript操作HTML下拉列表的选择项，包括直接设置选择项为已选状态的方法，通过value属性进行赋值的方法，以及两种实现方式的具体代码示例。

有2种方法：

1、

<select id="aa">
<option>1</option>
<option>2</option>
</select>
<input type="button" value=" 选中" onclick="checkOption()" />
<script language="javascript" type="text/javascript" > 
function checkOption()
{
    document.getElementById("aa").options[1].selected = true;
    alert("选中了2");
}
</script>

方法2：

document.getElementById("aa").selectedIndex= 2;

refurl:http://bbs.csdn.net/topics/190061104

方法3：

可以通过value来赋值。

举例如下：

下拉列表代码如下：

<select onPropertyChange="showValue(this.value)" id="mysel">
	<option value=""></option>
	<option value="1">1</option>
	<option value="2">2</option>
	<option value="3">3</option>
</select>
<input type="button" value="changevalue"  onclick="setvalue();">

JS函数代码如下：

function setvalue() {
		document.getElementById("mysel").value="2";
	}