剛學習html，怎么才能讓下拉，跳轉到對應的網址呀
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題檔案</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<label>
<select name="select">
<option value="https://bbs.csdn.net/topics/www.sywebsoft.com">www.sywebsoft.com</option>
<option value="https://bbs.csdn.net/topics/www.024linghang.com">www.024linghang.com</option>
<option value="https://bbs.csdn.net/topics/www.baidu.com">www.baidu.com</option>
<option value="https://bbs.csdn.net/topics/www.sina.com">www.sina.com</option>
</select>
</label>
</form>
</body>
</html>
uj5u.com熱心網友回復：
監聽下拉框選擇事件，在選擇事件中獲取選擇項的值，然后進行跳轉！<select name="select" onchange="func()">
<option value="https://bbs.csdn.net/topics/www.sywebsoft.com">www.sywebsoft.com</option>
<option value="https://bbs.csdn.net/topics/www.024linghang.com">www.024linghang.com</option>
<option value="https://bbs.csdn.net/topics/www.baidu.com">www.baidu.com</option>
<option value="https://bbs.csdn.net/topics/www.sina.com">www.sina.com</option>
function func(){
//獲取被選中的option標簽
var vs = $('select option:selected').val();
window.location.hrem=vs;
}
uj5u.com熱心網友回復：
思路:1.給下拉框系結change事件,監聽選擇框變化.
2.監聽拿到對應的value值.
3.拿到value值直接 location.href=https://bbs.csdn.net/topics/拿到對應的value值即可
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/118323.html
標籤：HTML(CSS)
下一篇：HTML本頁面中寫js，無法實作