我有一個帶有多個表單的 html 代碼，這些表單的 ID 為 form01、form02 等。
我正在使用 jQuery 提交表單。對于每個表單，我都使用 javascript 和 jQuery 為不同的表單 ID（form01、form02 等）撰寫了相同的代碼。如果我這樣做，事情就會奏效，但這不是一種好的編程方式。因此，我創建了一個以表單 ID 作為輸入引數的 javascript 函式，并使用提交按鈕的 onclick 事件呼叫此函式。
在函式內部，我使用這個引數（來自 ID）來提交表單，但這不起作用。有人可以幫我嗎？
提前致謝。
我的代碼如下：
<html>
<head>
<title>Main Page</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">
<link rel="stylesheet" href="include/jquery-ui-1.13.0.custom/jquery-ui.css">
<script type="text/javascript" src="include/jscript/jquery-3.6.0.min.js "></script>
<script type="text/javascript" src="include/jquery-ui-1.13.0.custom/jquery-ui.js"></script>
<script>
$(document).ready(function(){
$("#form01").on("submit", function(event){
event.preventDefault();
var formValues= $(this).serialize();
$.post("./form01OutPut.php", formValues, function(data){
// Display the returned data in browser
$("#divOutPut").html(data);
});
});
});
$(document).ready(function(){
$("#form02").on("submit", function(event){
event.preventDefault();
var formValues= $(this).serialize();
$.post("./form01OutPut.php", formValues, function(data){
// Display the returned data in browser
$("#divOutPut").html(data);
});
});
});
function submitFrm(x)
{
alert(x);
$(document).ready(function(){
$(x).on("submit", function(event){
event.preventDefault();
var formValues= $(this).serialize();
$.post("./form01OutPut.php", formValues, function(data){
// Display the returned data in browser
$("#divOutPut").html(data);
});
});
});
}
</script>
</head>
<body>
<table>
<form id="form01" name="form01" action="./form01OutPut.php" method="post">
<tr>
<td>
Enter text:
</td>
<td>
<input type="text" id="txt01" name="txt01" size=10>
</td>
<td>
<input type="button" id="submitBtn01" name="submitBtn01" value="Submit" onclick="submitFrm('#form01')">
<!-- <input type="submit" id="submitBtn01" name="submitBtn01" value="Submit"> -->
<!-- <input type="submit" value="Submit"> -->
</td>
</tr>
</form>
<form id="form02" name="form02" action="./form01OutPut.php" method="post">
<tr>
<td>
Enter text:
</td>
<td>
<input type="text" id="txt02" name="txt02" size=10>
</td>
<td>
<!-- <input type="button" id="submitBtn" name="submitBtn" value="Submit"> -->
<input type="submit" id="submitBtn02" name="submitBtn02" value="Submit">
<!-- <input type="submit" value="Submit"> -->
</td>
</tr>
</form>
</table>
<div id="divOutPut">
</div>
</body>
uj5u.com熱心網友回復：
洗掉document.ready并$(x).on("submit", function(event)從功能。同樣對于這一行 varformValues= $(this).serialize(); this在這里不起作用，將其替換為x
function submitFrm(x) {
alert(x);
var formValues= $(x).serialize();
$.post("./form01OutPut.php", formValues, function(data){
// Display the returned data in browser
$("#divOutPut").html(data);
});
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/377133.html
下一篇：ajax回傳未定義的json資料