web前端实现下拉列表选择框与超链接的结合

用普通的a href是无法实现这个结合的,需要在optin value 后加入网址,并且加入下面的js代码

<SCRIPT language=JavaScript>
var select = document.querySelector('select');select.onchange = function(){	window.location=this.value;}</SCRIPT>

具体代码如下
这个是可以运行出来的
可以进去链接dw版本是cs6
本人是学生目前还在学习阶段

<body>
<select name="xiaoyuan" onchange="javascript:window.open(this.options[this.selectedindex].value)">
<option value="Untitled-1.html"selected="selected">----333------</option>	<option value="http://baidu.com/"selected>222</option>	<option value="Untitled-1.html"selected>111</option>  </select>
<SCRIPT language=JavaScript>
var select = document.querySelector('select');select.onchange = function(){	window.location=this.value;}</SCRIPT>
</body>

你可能感兴趣的:(笔记)