怎么用js动态 设置select中的某个值为选中项
生活随笔
收集整理的這篇文章主要介紹了
怎么用js动态 设置select中的某个值为选中项
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
可以使用javascript和jQuery兩種實現方式
1：使用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>
2：使用jQuery實現
<!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" ><option value="1">111</option> // 111 是顯示給用戶的信息<option value="2">222</option><option value="3">333</option><option value="4">444</option><option value="5">555</option>
</select>
<script type="text/javascript" src="js/jquery1.8.3.min.js"></script>
<script type="text/javascript">$(function(){// $("#jumpMenu").val(要選中的option的value值即可);$("#jumpMenu").val(4);});
</script>
</body>
</html>
總結
以上是生活随笔為你收集整理的怎么用js动态 设置select中的某个值为选中项的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Visual Studio 中的应用程序
- 下一篇： SOA （面向服务的架构）