0

我有一个 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 包围——所有文本输入都带有一个按钮来发送数据——现在没什么特别的。

感谢您的任何帮助 :-)

4

1 回答 1

0

对不起-

我重写了整个解决方案,现在我让它工作了,虽然我还没有看到有什么改变......如果有人有时间发布的话,我仍然希望让序列化选项正常工作:-) 谢谢!

于 2014-09-02T14:49:05.613 回答