option实现超链接

在Web开发过程中领导或者客户经常想要增加全局搜索框功能。

搜素框使用select标签搭配option标签实现搜索框以及下拉列表功能。option标签实现超链接跳转功能也成为需求之一。以下提供option标签实现超链接跳转功能主要代码。模糊查询+option超链接跳转功能代码在GitHub主页(https://github.com/Shaoyc)更新。

html代码：

<select onchange="GotoURL(this)">
	<option value="">选项一</option>
	<option value="">选项二</option>
	<option value="">选项三</option>
</select>

<script>
	 function GotoURL(this) {
            var doctext=this.options[this.selectedIndex].text;
            if (doctext == "选项一") {
                open("http://www.baidu.com",'_blank');
                sobj.selectedIndex=0;
                sobj.blur();
            }
      }
</script>