gpt4 book ai didi

html - Ajax 表单提交,无法弄清楚为什么它不起作用

转载 作者:行者123 更新时间:2023-11-28 02:06:11 25 4
gpt4 key购买 nike

有谁知道为什么这不起作用?这个序列化的唯一数据是第 1 页的数据。我还尝试将两个不同的函数链接到每个页面(我将它作为 2 个单独的形式,尽管那样它只会覆盖彼此(以及其他所有内容)。

<script type="text/javascript">
$(document).ready(function(){
$("#submit").click(function(){
$("#page3").text($("#q").serialize());
});
});
</script>
</head>
<body>
<div data-role="page" id="page1">
<form id="q">
<div data-role="content">
<input type="checkbox" name="4[]" value="1">1</input><br/>
<input type="checkbox" name="4[]" value="2">2</input><br/>
<input type="checkbox" name="4[]" value="3">3</input><br/>
<input type="checkbox" name="4[]" value="4">4</input><br/>
<input type="checkbox" name="asdf[]" value="1">1</input><br/>
<input type="checkbox" name="asdf[]" value="2">2</input><br/>
</div>
<a data-role="button" href="#page2">Next</a>
</div>

<div data-role="page" id="page2">
<div data-role="content">
<input type="checkbox" name="3[]" value="11">11</input><br/>
<input type="checkbox" name="3[]" value="21">21</input><br/>
<input type="checkbox" name="adf[]" value="1">11</input><br/>
<input type="checkbox" name="adf[]" value="2">12</input><br/>
</div>
</form>
<a data-role="button" type="submit" href="#page3" id="submit">Next</a>
</div>

<div data-role="page" id="page3">
</div>

最佳答案

您的问题可能与您如何让第一个表单与外部 div 交错有关 - 在 HTML 中不允许,不确定浏览器将如何处理。您可以在 div 中关闭您的第一个表单,在第 2 页 div 中开始一个新表单吗?

关于html - Ajax 表单提交,无法弄清楚为什么它不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11408045/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com