Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何制作传递参数的html按钮?_Html_Forms_Button_Hyperlink_Parameter Passing - Fatal编程技术网

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

如何制作传递参数的html按钮?,html,forms,button,hyperlink,parameter-passing,Html,Forms,Button,Hyperlink,Parameter Passing,我想要一个带有参数功能的html按钮 new/?sorting=desc是它应该链接到的url。但是当我尝试时,参数没有传递。应该怎么做?我试过下面两种方法,但都不管用 <FORM METHOD="GET" ACTION="./?sorting=desc"> <INPUT TYPE="submit" VALUE="Äldst först"> </FORM> 我希望按钮的行为类似于以下链接: 如果你想让某个东西充当链接,那么你应该使用链接 也就是说:

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

new/?sorting=desc
是它应该链接到的url。但是当我尝试时,参数没有传递。应该怎么做?我试过下面两种方法,但都不管用

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

我希望按钮的行为类似于以下链接:



如果你想让某个东西充当链接,那么你应该使用链接

也就是说:

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


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

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

$('#sort_desc')。单击(函数(){
$('排序').val('描述');
});
$('#sort_asc')。单击(函数(){
$('排序').val('asc');
});

我没有得到你需要的东西???。当你点击一个按钮时,你需要重定向到一个链接??你需要用一点Javascript来实现这一点。你有jQuery吗?根本不需要使用JavaScript。JavaScript用于更改隐藏输入的值(“asc”或“desc”),具体取决于你是否单击“Nyast först”或“Äldst först”。此代码只能传递“desc”值,而不能传递“asc”。@Heru Luin-很明显,如何让它反过来,但我已经编辑了答案,把它拼出来了。你现在有两张表格。根据OP的需求,它可能会起作用。如果他想动态更改排序顺序或只有一个表单,这将不起作用。@Heru Luin-我不完全确定“动态”更改排序顺序是什么意思。只有一张表格不是必须的。@Quentin我说的是只有一张表格的可能性。根据您单击的提交按钮,排序顺序将发生变化(参见我的答案)。如果您想在表单中传递其他参数,最好只有一个表单(否则您将被迫复制每个表单上的字段,并使用Javascript)。