我有一个jQuery“手风琴”与每个部分(5)有一个窗体。这些形式中的一些需要更新一些其他形式,所以我试着使用Taconite jQuery插件。taconite形式仅适用于第一次点击
我有这个工作,如果你填写一个表单,它将信息传递给一个处理页面,这是一个事情(数据库交互,设置变量等),并格式化两个单独的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初学者,在过去的几周里一直在“追赶”寻找并理解解决方案!
如果有人知道如何获得使用序列化的表单字段,这将是非常棒的(我尝试过没有成功,但没有花费太多时间 - 我只是想让基础知识首先工作!) :
而且这里是从处理页面返回(直接在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="[email protected]" /><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所包围 - 所有文本输入都带有一个按钮,用于发送da现在没有什么花哨。
感谢您的帮助:-)