怎么用js动态 设置select中的某个值为选中值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么用js动态 设置select中的某个值为选中值相关的知识,希望对你有一定的参考价值。

参考技术A

我们使用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/html; charset=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=0; i<all_options.length; i++)

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")



以上是关于怎么用js动态 设置select中的某个值为选中值的主要内容,如果未能解决你的问题,请参考以下文章

用JS怎么给select标签设置动态的默认值

请问在html中怎么让select的默认值为空,且select里面的option值都不为空。

怎么在动态添加select下拉框中 选择一个默认的option

jquery给下拉框设置默认值

wpf下拉框 绑定怎么让他默认有选中项

js 怎么动态设置 option 的selected 选项