Javascript 从html选择无按钮提交，但使用href而不是value？

我不想用按钮从下拉列表中提交信息，所以我认为onchange是提交信息的最佳方式。但当我使用href而不是value时，我不知道如何实现这一点。有办法做到这一点吗

对于html，我有以下内容：

    <a href='index.php'>Home </a>|
    <a href='index.php?mode=customers'>List of Customers </a>|
    <a href='index.php?mode=movieList&genre=Drama'>Drama Movies </a>|
    <a href='index.php?mode=movieList&genre=Adventure'>Adventure Movies </a>|
    <select>
            <option disabled selected>Popular Movies</option>
            <option><a href='index.php?mode=favoriteGenre&genre=Adventure'>Adventure</a>
            <option><a href='index.php?mode=favoriteGenre&genre=Romance'>Romance</a>
            <option><a href='index.php?mode=favoriteGenre&genre=Drama'>Drama</a>
            <option><a href='index.php?mode=favoriteGenre&genre=Comedy'>Comedy</a>
            <option><a href='index.php?mode=favoriteGenre&genre=Sci-Fi'>Sci-Fi</a>
    </select>

---

如果这个问题在别处得到了回答，请给我指出正确的方向。到目前为止，我还没有在任何地方找到它。谢谢

不要将链接保留在选项中，而是为如下选项指定值-

    <a href='index.php'>Home |</a>
<a href='index.php?mode=customers'>List of Customers |</a>
<a href='index.php?mode=movieList&genre=Drama'>Drama Movies |</a>
<a href='index.php?mode=movieList&genre=Adventure'>Adventure Movies |</a>
<select id="movieOptions">
        <option disabled selected>Popular Movies</option>
        <option value="mode=favoriteGenre&genre=Adventure">Adventure</option>
        <option value="mode=favoriteGenre&genre=Romance">Romance</option>
        <option value="mode=favoriteGenre&genre=Drama">Drama</option>
        <option value="mode=favoriteGenre&genre=Comedy">Comedy</option>
        <option value="mode=favoriteGenre&genre=Sci-Fi">Sci-Fi</option>
</select>

<script>
    $("#movieOptions").change(function () {
        var goTo = this.value;
        console.log(goTo);
        window.location.href = "index.php?" + goTo;
    });
</script>

---

这是一个很好的解决方案：如果我将Element的子节点更改为：Adventure将继续工作以获得模式和流派，那么它不是Element的有效子节点吗？当选择了选项而不使用按钮时，这将如何帮助实现提交？您的Jquery如何，您将它作为标记，它肯定需要它或一些好的JavaScription？您还需要将onchange处理程序附加到选择输入：

    <a href='index.php'>Home |</a>
<a href='index.php?mode=customers'>List of Customers |</a>
<a href='index.php?mode=movieList&genre=Drama'>Drama Movies |</a>
<a href='index.php?mode=movieList&genre=Adventure'>Adventure Movies |</a>
<select id="movieOptions">
        <option disabled selected>Popular Movies</option>
        <option value="mode=favoriteGenre&genre=Adventure">Adventure</option>
        <option value="mode=favoriteGenre&genre=Romance">Romance</option>
        <option value="mode=favoriteGenre&genre=Drama">Drama</option>
        <option value="mode=favoriteGenre&genre=Comedy">Comedy</option>
        <option value="mode=favoriteGenre&genre=Sci-Fi">Sci-Fi</option>
</select>

<script>
    $("#movieOptions").change(function () {
        var goTo = this.value;
        console.log(goTo);
        window.location.href = "index.php?" + goTo;
    });
</script>