如何制作传递参数的html按钮?

时间:2015-05-05 11:39:05

标签: html forms button hyperlink parameter-passing

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

new/?sorting=desc是它应链接到的网址。但是当我尝试时,参数不会被传递。应该怎么做?我尝试了以下两种方法但没有效果。

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

我希望按钮的行为类似于这些链接:

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

3 个答案:

答案 0 :(得分:1)

如果您希望某些内容充当链接,那么您应该使用链接。

那说:

当您提交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>

答案 1 :(得分:0)

如果您使用的是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>

答案 2 :(得分:-3)

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