如何制作传递参数的html按钮?
我想要一个带有参数功能的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> 我希望按钮的行为类似于以下链接: 如果你想让某个东西充当链接,那么你应该使用链接 也就是说:
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)。