我有一个select元素作为下拉菜单。每个选项的值都是一个URL。jQuery下拉列表 - 按照URL onchange
我需要它,以便每次选择任何选项时,页面都会将该选项的值作为URL。
这是我到目前为止,但我不知道如果我在正确的轨道上:
$('userNav').change(function() {
window.location.replace("http://" something with concatenation);
});
任何帮助吗?
我有一个select元素作为下拉菜单。每个选项的值都是一个URL。jQuery下拉列表 - 按照URL onchange
我需要它,以便每次选择任何选项时,页面都会将该选项的值作为URL。
这是我到目前为止,但我不知道如果我在正确的轨道上:
$('userNav').change(function() {
window.location.replace("http://" something with concatenation);
});
任何帮助吗?
$('#userNav').change(function() {
window.location = $(this).val();
});
不需要将'this'包装在jQuery对象中。 'this.value'也可以。 – 2011-03-13 14:27:42
正确的感谢,我只是想要有一致性,如果我使用jQuery,只要不影响性能,就用jQuery语法。 – amosrivera 2011-03-13 14:35:24
试试这个代码及其工作GRT ..
<html>
<head>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
$(function() {
$("#submit").hide();
$("#page-changer select").change(function() {
window.location = $("#page-changer select option:selected").val();
})
});
</script>
</head>
<body>
<?php
\t if (isset($_POST['nav'])) {
\t \t header("Location: $_POST[nav]");
\t }
?>
<form id="page-changer" action="" method="post">
<select name="nav">
<option value="">Go to page...</option>
<option value="http://css-tricks.com/">CSS-Tricks</option>
<option value="http://digwp.com/">Digging Into WordPress</option>
<option value="http://quotesondesign.com/">Quotes on Design</option>
</select>
<input type="submit" value="Go" id="submit" />
</form>
</body>
</html>
请使用更多的自我解释的标题为您的问题。 – meo 2011-03-13 14:47:13