Question

当我提交它时，我有以下表格，我希望它为从php查询生成的6个网址附加一个值。

<form id="emailform" action="" method="post">
      <input type="text" value="" size="30" name="email" id="email">
      <input type="submit" name="submit" value="Submit" class="continue-button">
</form>

这是我的链接示例sitename.com/demo.php?1=demo&2=haha如何使用表单和jquery将&email=formvalue附加到网址，以便sitename.com/demo.php?1=demo&2=haha = sitename.com/demo.php?1=demo&2=haha&email=formvalue？

请注意，这些网址是通过查询动态生成的。

我尝试在atr上使用attr但它不起作用。我知道你必须检查提交然后使用attr。

$('#emailForm').submit(function(){ //listen for submit event

}

Answer 1

您可以像这样使用隐藏字段

<form action="" method="post">
      <input type="hidden" name="new_value" value="value"/>
      <input type="text" value="" size="30" name="email" id="email">
      <input type="submit" name="submit" value="Submit" class="continue-button">
</form>

或者你可以添加像这样的形式的行动

<form action="http://action_url?new_value=value" method="post">
      <input type="text" value="" size="30" name="email" id="email">
      <input type="submit" name="submit" value="Submit" class="continue-button">
</form>

Answer 2

您最好使用标记输入类型=“隐藏”来提交值你的表格：

<form action = "sitename.com/demo.php" method="post" >
    <input type="hidden" name="1" value="demo" />
    <input type="hidden" name="2" value="haha" />
    <input type="text" value="" size="30" name="email" />
    <input type="submit" name="submit" value="Submit" class="containue-button" />
</form>

然后你只需要在javascript或jquery中提交这个表单。：）

Answer 3

使用序列化方法

$('#emailForm').submit(function(){ 

 //listen for submit event
 var all_submit_data = $( '#emailForm' ).serialize() ; 
 //this will have all input fields values in serilized 

}

参考：https://api.jquery.com/serialize/

在表单上添加值到URL使用Jquery提交

3 个答案: