Javascript 如何在jQuery表单提交中包含提交输入和按钮值?
我刚刚意识到serializeArray()将不包括每个 由于表单未提交,因此未序列化任何提交按钮值 使用按钮 在表单提交中包含按钮值的最干净方式是什么Javascript 如何在jQuery表单提交中包含提交输入和按钮值?,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,我刚刚意识到serializeArray()将不包括每个 由于表单未提交,因此未序列化任何提交按钮值 使用按钮 在表单提交中包含按钮值的最干净方式是什么 测试 $(函数(){ $(“#myForm”).submit(函数(){ 变量输入=$(this.find(“:input”); var inputs_serial=inputs.serializeArray(); 日志(此、输入、输入\串行); 返回false; }); }); 我的任务 为什么需要按钮值?你能在表单中创建一个隐藏的输入并
测试
$(函数(){
$(“#myForm”).submit(函数(){
变量输入=$(this.find(“:input”);
var inputs_serial=inputs.serializeArray();
日志(此、输入、输入\串行);
返回false;
});
});
我的任务
为什么需要按钮值?你能在表单中创建一个隐藏的输入并使用它吗?@Shaded。是的,如果我只有一个提交按钮。如果是两个,那么我可以在两个按钮上都放置一个事件来设置隐藏输入的值。这是最干净的方法吗?是的,这就是我要做的,只要有一个公共的隐藏输入,让按钮将它们的值分配给它onclick
,或者沿着这些线分配。如果你还是将按钮放入数组中,为什么不循环它并返回输入的innerHTML?也许我不明白你真正想要什么。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<title>Testing</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("#myForm").submit(function(){
var inputs=$(this).find(":input");
var inputs_serial=inputs.serializeArray();
console.log(this,inputs,inputs_serial);
return false;
});
});
</script>
</head>
<body>
<form id="myForm">
<input name="text" value="text" type="text">
<button name="task" value="MyTask" type="submit">My Task</button>
<input name="task" value="MyTask" type="submit">
</form>
</body>
</html>