Question

我有一个选择元素作为下拉菜单。每个选项都有一个URL值。

我想要它，以便每次选择任何选项时，页面都会将该选项的值作为URL。

这是我到目前为止所做的，但我不确定我是否走在正确的轨道上：

$('userNav').change(function() {
        window.location.replace("http://" something with concatenation);
    });

任何帮助？

Answer 1

$('#userNav').change(function() {
     window.location = $(this).val();
});

在线演示： http://jsfiddle.net/amosrivera/Cg2yv/

Answer 2

尝试使用此代码进行工作grt ..

＆＃13;

<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
	if (isset($_POST['nav'])) {
		 header("Location: $_POST[nav]");
	}
?>
<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>

＆＃13;

jQuery Dropdown - 关注URL onchange

2 个答案: