时间戳

首页 > 解决方案 > Jquery - 在提交之前添加值

jquery - Jquery - 在提交之前添加值

问题描述

用户正在使用 GET 方法提交单个值。我想从模板中添加一个值以传递给服务器。在此示例中，值为“百威”

我在下面尝试了许多变体，但唯一传递给服务器的是表单中的参数。

<script>                                                                                                                                                                     
$('#form1').submit(function(){                                                                                                                                             
$(this).append('<input type="hidden" name="filter" value="budweiser">');                                                                                                                               
  return true;                                                                                                                                                            
</script> 

<form id="form1" action="/dashboard_single/" method="get">                                                                                                                 
<input type="integer" name ="dash_days">                                                                                                      
<input type="submit" value="Go">                                                                                                                                         
 </form>

标签： jquery

解决方案

您当前的代码没有更多工作要做。以下应该有效：

$('#form1').submit(function(event) {
    $('#form1').append('<input type="hidden" name="filter" value="budweiser">');
});

您将看到filter参数传递的值为“百威”。

$('#form1').submit(function(event) {
    $('#form1').append('<input type="hidden" name="filter" value="budweiser">');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="form1" action="/dashboard_single/" method="get">
  <input type="integer" name="dash_days">
  <input type="submit" value="Go">
</form>

推荐阅读