Question

我使用下拉列表作为导航选项，在一个部分的页面之间移动。我希望用户能够从下拉列表中进行选择，当他们点击go时，将它们带到新页面。

您可以在未完善状态here中看到它。

这是html：

<form>
 <label for="new-location">Select a Location</label>
 <select name="new-location" id="new-location">
 <option selected>Please select one</option>
 <option value="http://www.google.com/">Google</option>
 <option value="http://www.search.com/">Search.com</option>
 <option value="http://www.dogpile.com/">Dogpile</option>
 </select>
 <input type="submit" value="Go" />
</form>

这是我尝试过的jQuery。但是，它没有按预期工作。

<script type="text/javascript">
    $("#new-location").change( function () {
  // simulates similar behavior as an HTTP redirect
  window.location.replace($(this).val());
});
</script>

我希望在修改此功能时能够提供一些帮助。

Answer 1

<script type="text/javascript">
$(function () {

    $("#new-location").change( function () {
    // simulates similar behavior as an HTTP redirect
    window.location.href = $(this).val();
    });

});
</script>

如何使用jQuery .change事件导航到新页面？

1 个答案: