我有一个 jQuery“手风琴”,每个部分(5)都有一个表格。其中一些表单需要更新其他一些表单,所以我正在尝试使用 Taconite jQuery 插件。
我有这个工作,如果你填写一个表格,它会将信息传递到一个处理页面,它会做它的事情(数据库交互,设置变量等......)并格式化两个单独的 div,每个 div 都应该更新。
我的问题是,如果您更改表单(其中任何一个)并重新提交它们,什么都不会发生 - 表单什么都不做(使用 Firebug 验证)!
如果有人能对此有所了解,我将不胜感激:-)
这是javascript -
<script>
$(document).ready(function() {
$.taconite.debug = true;
$("#get_it").click(function() {
var B_FName = $("#B_FName").val();
var B_LName = $("#B_LName").val();
var B_Email = $("#B_Email").val();
var B_Address1 = $("#B_Address1").val();
var B_Address2 = $("#B_Address2").val();
var B_City = $("#B_City").val();
var B_State = $("#B_State").val();
var B_Zip = $("#B_Zip").val();
var B_Phone = $("#B_Phone").val();
$.get('example3.lasso', {
B_FName: B_FName,
B_LName: B_LName,
B_Address1: B_Address1,
B_Email: B_Email,
B_Address2: B_Address2,
B_City: B_City,
B_State: B_State,
B_Zip: B_Zip,
B_Phone: B_Phone
});
});
});
我知道它可以做得更好,但我是 JavaScript 新手,过去几周一直在“死记硬背”寻找和理解解决方案!
如果有人知道如何让表单字段与 serialize 一起工作,那也很棒(我尝试过但没有成功,但还没有花太多时间 - 我只是想让基础知识先工作!):
这是从处理页面返回的内容(直接从 Firebug 中的响应复制 - 唯一的区别是有另一种形式与此相同,只是具有不同的 div 名称):
<taconite>
<replace select="#billingInfo">
<div id="billingInfo">
<p>First Name: <input type="text" id="B_FName" value="James" /><br />
Last Name: <input type="text" id="B_LName" value="Jones" /><br />
Email: <input type="text" id="B_Email" value="james@jones.com" /><br />
Address 1: <input type="text" id="B_Address1" value="123 4th Street" /><br />
Address 2: <input type="text" id="B_Address2" value="Apt. 21b" /><br />
City: <input type="text" id="B_City" value="somewhere" /><br />
State: <input type="text" id="B_State" value="OR" /><br />
Zip: <input type="text" id="B_Zip" value="90042" /><br />
Phone: <input type="text" id="B_Phone" value="555-555-5555" /><br /></p>
</div>
</replace>
</taconite>
HTML 是一个没有表单标签的简单表单,被正确命名的 div 包围——所有文本输入都带有一个按钮来发送数据——现在没什么特别的。
感谢您的任何帮助 :-)