什么是最好的方式来附加一个事件,所以在一个选择选项的更改一个URL。将href存储在attr中并在更改时获取它?
发布于 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>
发布于 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>
发布于 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 (到服务器上的页面位置),它总是可以工作的。
https://stackoverflow.com/questions/5150363
复制相似问题