下拉附加表单提交两次

Question

编辑：用计数变量和 if/else 解决。 不是最优雅的，但它有效。 知道它为什么会发生/它应该如何解决会很有趣，所以我会保留在这里。

我有一个带有提交和下拉选项的搜索栏，我将附加到该提交。 提交被附加两次。 我尝试使用“one”而不是“on”，后者只返回第一次提交。 问题是我需要它只返回第二次提交或最好的情况防止第一次提交发生。 目前我的 url 看起来像这样：“/...?search=test&Item=1&Item=3”，我只想要“&item=3”作为第一个变量不会更新。

   var variableToSend = '';

    $('#selector').on('click',function() {
      variableToSend = $(this).val();
      $('form').append('<input type="hidden" id="yourData" name="Item" value="'+ variableToSend +'"/>');
    });

Answer 1

您可以删除按钮类型提交，也可以为特定按钮功能或 e.prevent.default 返回 false。

检查此链接以获取更多详细信息如何防止按钮提交表单

Answer 2

您可以删除附加的隐藏输入并再次在表单中附加输入值。 像这样 ：

var variableToSend = '';
$('#selector').on('click',function() {
    variableToSend = $(this).val();
    $('form').find("#yourData").remove();
    $('form').append('<input type="hidden" id="yourData" name="Item" value="'+ variableToSend +'"/>');
});