如何制作一个传递参数的 html 按钮？

Question

我想要一个具有参数功能的 html 按钮。

new/?sorting=desc 是它应该 link 的 url。但是当我尝试时，参数没有传递。应该怎么做？我尝试了以下两种方法，但 none 有效。

<FORM METHOD="GET" ACTION="./?sorting=desc">
<INPUT TYPE="submit" VALUE="Äldst först">
</FORM>

我想要像这样的按钮 links:

<a href="./?sorting=desc">Äldst först</a> <a href="./?sorting=asc">Nyast först</a>

Answer 1

如果你想让某个东西充当 link，那么你应该使用 link。

也就是说：

当您提交 GET 表单时，将从操作中删除查询字符串，并根据表单中的数据生成一个新字符串。

您需要将数据存储在隐藏输入中。

<form action="/social/tracking/new/">
     <input type="hidden"
            name="sorting"
            value="desc">
     <input type="submit" 
            value="Nyast först">
</form>
<form action="/social/tracking/new/">
     <input type="hidden"
            name="sorting"
            value="asc">
     <input type="submit" 
            value="Sort the other way">
</form>

Answer 2

我认为这不可能。表单用于（主要）通过 POST 或 GET 发送数据。您的目标是打开特定的 URL。我会创建一个标准并将其样式设置为按钮。您想要使用按钮的原因是什么？

Answer 3

如果您使用的是jQuery，您可以使用下面的代码。当您单击其中一个提交按钮时，这将用正确的值填充隐藏的输入。

<form method="get" action="./">
    <input type="hidden" name="sorting" id="sorting" value="" />
    <input type="submit" value="Äldst först" id="sort_desc" />
    <input type="submit" value="Nyast först" id="sort_asc" />
</form>
<script>
    $('#sort_desc').click(function(){
        $('#sorting').val('desc');
    });
    $('#sort_asc').click(function(){
        $('#sorting').val('asc');
    });
</script>

如何制作一个传递参数的 html 按钮？

How can I make an html button that passes a parameter?

html

forms

button

parameter-passing

hyperlink