使用HTML select元素将get参数添加到URL

时间:2011-02-26 16:50:22

标签: html html-select

我在/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>

2 个答案:

答案 0 :(得分:4)

使用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表单中的查询字符串。

答案 1 :(得分:0)

当使用“post”而不是“get”时,这些额外参数似乎对我有用。是吗?