使用 HTML 选择元素向 URL 添加获取参数

Question

我在一个类似 的页面上/gallery.php?place=300&name=place1，我想要它，以便在我提交此表单时它会转到/gallery.php?place=300&name=place1&tag=X，其中 X 是所选标签的编号。

这里有什么问题？

<form action="/gallery.php?place=300&name=place1" method="get">
    <select name="tag">
        <option value=1>Aerial</option>
        <option value=2>Autumn</option>
        <option value=4>Boats</option>
        <option value=6>Buildings</option>
        <option value=7>Canals</option>
    </select>
    <input type="submit" value="Filter"/>
</form>

Answer 1

使用hidden输入而不是尝试使用查询字符串两次：

<form action="/gallery.php" method="get">
    <select name="tag">
        <option value=1>Aerial</option>
        <option value=2>Autumn</option>
        <option value=4>Boats</option>
        <option value=6>Buildings</option>
        <option value=7>Canals</option>
    </select>
    <input type="hidden" name="place" value="300" />
    <input type="hidden" name="name" value="place1" />
    <input type="submit" value="Filter" />
</form>

使用带有方法的表单会get覆盖表单中的查询字符串action。