通过select - jQuery更改打开的URL
通过select - jQuery更改打开的URL
提问于 2011-03-01 12:08:12
什么是最好的方式来附加一个事件，所以在一个选择选项的更改一个URL。将href存储在attr中并在更改时获取它？
回答 12
Stack Overflow用户
发布于 2011-03-01 12:21:28
我认为这是最简单的方法：
<select onchange="if (this.value) window.location.href=this.value">
<option value="">Pick one:</option>
<option value="/foo">Foo</option>
<option value="/bar">Bar</option>
</select>Stack Overflow用户
发布于 2011-03-01 12:20:12
您可以使用这个简单的代码片段，使用jQuery从下拉菜单进行重定向。
<select id="dynamic-select">
<option value="" selected>Pick a Website</option>
<option value="http://www.google.com/">Google</option>
<option value="http://www.youtube.com/">YouTube</option>
<option value="http://www.stackoverflow.com/">Stack Overflow</option>
</select>
<script>
$('#dynamic-select').bind('change', function () { // bind change event to select
var url = $(this).val(); // get selected value
if (url != '') { // require a URL
window.location = url; // redirect
}
return false;
});
</script>Stack Overflow用户
发布于 2012-03-28 04:37:22
抱歉，这里有太多的代码...
我会免费给你最简单的一个。我在2005年发明了它，尽管javascript源代码现在说是他们的员工提出的--一年多以后！
不管怎么说，这里没有javascript！
<!-- Paste this code into the BODY section of your HTML document -->
<select size="1" name="jumpit" onchange="document.location.href=this.value">
<option selected value="">Make a Selection</option>
<option value="http://www.javascriptsource.com/">The JavaScript Source</option>
<option value="http://www.javascript.com">JavaScript.com</option>
<option value="http://www.webdeveloper.com/forum/forumdisplay.php?f=3">JavaScript Forums</option>
<option value="http://www.scriptsearch.com/">Script Search</option>
<option value="http://www.webreference.com/programming/javascript/diaries/">The JavaScript Diaries</option>
</select> 只需输入您喜欢的任何URL，或一个相对URL (到服务器上的页面位置)，它总是可以工作的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5150363
复制相关文章
相似问题