Javascript 选择“打开”选项项
编辑: 我忘了链接上的http://了。这不是我的问题。我会解决这个问题 我有一些选择,比如:Javascript 选择“打开”选项项,javascript,jquery,Javascript,Jquery,编辑: 我忘了链接上的http://了。这不是我的问题。我会解决这个问题 我有一些选择,比如: <select class="mySelect"> <option value="http://www.url1.com">Url 1</option> <!--Default displayed---> <option value="http://www.url2.com">Url 2</option>
<select class="mySelect">
<option value="http://www.url1.com">Url 1</option> <!--Default displayed--->
<option value="http://www.url2.com">Url 2</option>
<option value="http://www.url3.com">Url 3</option>
</select>
$('.mySelect').change(function(){
window.location.replace($(this).val());
});
由于这只是对所做更改的响应,因此无法将我重定向到“www.url1.com”。我应该用什么?我只在谷歌上得到改变的建议
编辑2:我有一系列的解决方案,把一个假人作为第一选择。我还得到了另一种解决方案,即使用按钮读取所选选项,然后重定向,但这在我正在处理的项目中是不可用的,即使这些都是非常好的解决方案
在这种情况下,我希望它能够监听使用情况,即使对其本身进行了更改,就像我选择了第一个选项(默认情况下是选中的)一样,我希望它对它做一些事情——在上述重定向的情况下。如果有人能很好地解决这个问题,我会让它保持打开状态。尝试输入一个空值的第一个选项:
<select class="mySelect">
<option value="">Please select...</option>
<option value="http://www.url1.com">Url 1</option>
<option value="http://www.url2.com">Url 2</option>
<option value="http://www.url3.com">Url 3</option>
</select>
还请注意,链接值上需要http://
(或您使用的任何协议)
已更新 如果您不希望使用虚拟选项,则需要更改逻辑以使用按钮单击:
<select class="mySelect">
<option value="http://www.url1.com">Url 1</option>
<option value="http://www.url2.com">Url 2</option>
<option value="http://www.url3.com">Url 3</option>
</select>
<button id="redirect">Go</button>
尝试输入一个空值的第一个选项:
<select class="mySelect">
<option value="">Please select...</option>
<option value="http://www.url1.com">Url 1</option>
<option value="http://www.url2.com">Url 2</option>
<option value="http://www.url3.com">Url 3</option>
</select>
还请注意,链接值上需要http://
(或您使用的任何协议)
已更新 如果您不希望使用虚拟选项,则需要更改逻辑以使用按钮单击:
<select class="mySelect">
<option value="http://www.url1.com">Url 1</option>
<option value="http://www.url2.com">Url 2</option>
<option value="http://www.url3.com">Url 3</option>
</select>
<button id="redirect">Go</button>
你必须把
http://
也放进去
window.location.replace("http://"+$(this).val());
你必须把
http://
也放进去
window.location.replace("http://"+$(this).val());
请选择
Url 1
Url 2
网址3
$(“.mySelect”).change(函数(){
var n=$(this.val();
如果(n!=“”){
window.location.assign(“http://”+n);
}
});
请选择
Url 1
Url 2
网址3
$(“.mySelect”).change(函数(){
var n=$(this.val();
如果(n!=“”){
window.location.assign(“http://”+n);
}
});
一个选项可以是更改第一个选项,如
<select class="mySelect">
<option value="select">Select URL</option> <!--Default displayed--->
<option value="www.url1.com">Url 1</option>
<option value="www.url2.com">Url 2</option>
<option value="www.url3.com">Url 3</option>
</select>
选择URL
Url 1
Url 2
网址3
或者您可以使用组合框的ClickjQuery事件 一个选项可以是更改第一个选项,如
<select class="mySelect">
<option value="select">Select URL</option> <!--Default displayed--->
<option value="www.url1.com">Url 1</option>
<option value="www.url2.com">Url 2</option>
<option value="www.url3.com">Url 3</option>
</select>
选择URL
Url 1
Url 2
网址3
或者您可以使用组合框的ClickjQuery事件 您可以将一个虚拟选项作为第一个选项,如“选择url…”是的,这是一个选项。但我正在研究的实际案例并非如此。:)您可以将一个虚拟选项作为第一个选项,如“选择url…”是的,这是一个选项。但我正在研究的实际案例并非如此。:)在这种情况下,我不想要任何傻瓜。否则那将是最好的事情,是的!在这种情况下,不可能执行您想要的
onchange
,因为不可能选择第一个URL。另一种方法是在单击按钮时使用一个按钮并重定向到选定的URL。@gubbfett查看我的更新,了解如何执行我在上一篇评论中提到的操作,这也是一个很好的解决方案,但在本例中不是//世界上最讨厌的家伙好吧,因为这个案例与上面的不完全一样,我需要在它被改变/使用时触发它,即使它“改变”了自己。在这种情况下,我不想要任何假人。否则那将是最好的事情,是的!在这种情况下,不可能执行您想要的onchange
,因为不可能选择第一个URL。另一种方法是在单击按钮时使用一个按钮并重定向到选定的URL。@gubbfett查看我的更新,了解如何执行我在上一篇评论中提到的操作,这也是一个很好的解决方案,但在本例中不是//世界上最讨厌的家伙好吧,因为这个案例与上面的不完全一样,我需要在它被改变/使用时触发它,即使它“改变”了自己。在这种情况下,我不想要任何假人。否则那将是最好的事情,是的!在这种情况下,我不想要任何傻瓜。否则那将是最好的事情,是的!是的,我试着做一些类似案例2的事情。但“click()”不会在组合框上触发,至少在mac os上的chrome上不会触发。是的,我正在尝试做类似案例2的事情。但组合框上不会触发“click()”,至少mac os上的chrome不会。