Question

我有这个：

<input type="text" name="field1" id="firstField">
<input type="text" name="field2" id="secondField">
<button name="submitButton" data-parameter="">Click</button>

当您单击按钮时，EventListener（jQuery.on）会调用函数jQuery.ajax()来加载另一个处理数据的页面。

data-parameter属性是$_POST的数据。

因此，data-parameter="name1=test"为$_POST["name1"]，其值为test

但是如何将input - 字段的值添加到此属性中？

我有多个这样的表格。有些包含更多字段，有些则更少。

Answer 1

$('form button[name="submitButton"]').click(function(){    
  $(this).data('parameter',$(this).closest('form').serialize());
}

Answer 2

我不知道为什么你只能将这些输入字段中的数据直接发送到$ ajax（）。

无论如何，获取所有数据并将其放入数据参数的通用代码将是.. 步骤1：首先，您需要一个表单或div标签绑定所有必要的输入字段和一个按钮。第2步：我希望url post方法中使用的变量名与输入字段名相同，因此值只会更改。而如你所说，如果没有。字段改变了，没关系。即使你可以使用这段代码。第3步：我正在使用按钮的onclick事件来捕获所有数据。只有在那之后，你应该运行代码通过$ _POST发送第4步：根据用途更改标签#yourFormID，＃buttonID。

var data-parameter="";
$('#buttonID').click(function(){

  $('#yourFormID input[type=text]').each(function(){
     var data-parameter+=$(this).attr("name")+"="+$(this).val()+"&";
  });
  $('#buttonID').attr("data-parameter",data-parameter);
}

Answer 3

最简单的方法是调用var serializedFormData = $（yourform）.serialize（）并将此数据粘贴到按钮$（'[name = submitButton]'）。data（'parameter'，serializedFormData）。您最好提供一部分代码以便更好地理解。

单击时将输入值添加到html属性

3 个答案: