<p style="height:30px;">
<label></label>
<select style="width:90%;font-size:12px;margin-top:-20px;" id="select" onchange="window.location=this.value">
<option>本人（男，35岁，张三）</option>
<option value="2">父母（男，35岁，张三）</option>
<option value="3">爱人（男，35岁，张三）</option>
<option value="4">子女（男，35岁，张三）</option>
<option value="4">朋友（男，35岁，张三）</option>
<option value="https:www.baidu.com"></option>
</select>
</p>
前几项都可以选中，在页面中显示，最后一项要跳转
Dear郭
- 发布：2018-06-08 16:46
- 更新：2018-06-11 20:07
- 阅读：1422
如何让select标签里的内容既可以选中，又可以跳转？
分类：HTML5+
2 个回复
1***@qq.com
挺有趣的，帮你想了一下
<select style="width:90%;font-size:12px;margin-top:-20px;" id="select" onchange="!this.value.match(/^https:www.[a-zA-Z]+.com$/g)?false:(window.location=this.value)">
<option>本人（男，35岁，张三）</option>
<option value="2">父母（男，35岁，张三）</option>
<option value="3">爱人（男，35岁，张三）</option>
<option value="4">子女（男，35岁，张三）</option>
<option value="4">朋友（男，35岁，张三）</option>
<option value="https:www.baidu.com">百度</option>
</select>
Dear郭 (作者) - dearguo
谢谢啦，这个问题我换了个写法解决啦