Dear郭
Dear郭
  • 发布:2018-06-08 16:46
  • 更新:2018-06-11 20:07
  • 阅读:869

如何让select标签里的内容既可以选中,又可以跳转?

分类:HTML5+

<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>
前几项都可以选中,在页面中显示,最后一项要跳转

2018-06-08 16:46 负责人:无 分享
已邀请:
1191324257@qq.com

1191324257@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郭

Dear郭 (作者) - dearguo

谢谢啦,这个问题我换了个写法解决啦

要回复问题请先登录注册