怎么用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>

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/451487.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/451487.shtml
英文地址，請注明出處：http://en.pswp.cn/news/451487.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！