Question

我试图在bootstrap模式中获取几个字段的值，然后通过$ .post调用将它们发送到发送电子邮件的php脚本，如果电子邮件已正确发送则返回true，否则返回false

我无法获得这些值...字段总是空的（或者在＆＃34时使用默认值;选择＆＃34;。我不明白为什么。我也尝试过将字段和$ .post调用实例化为modal show（sho.bs.modal），但没有任何变化。

这是我的代码......任何提示？

HTML

SELECTOR

{{1}}

模态

{{1}}

JS

{{1}}

我准备了一个小提琴，即使$ .post对php文件的调用已经改为jsfiddle文档中显示的echo / json / path。

以下是Playground example

谢谢

Answer 1

您似乎错过了在表id中添加id="tblOrders"。因此，为id添加table并尝试。这是工作jsfiddle。

<强>更新

您要为显示的模态分配trackno和courier的值。这意味着在单击模态提交按钮之前，模态显示的值保持为空。

为了获得更新的价值，请在courier内分配trackno和$("#sendtrackbtn").on('click',function(e){});个数字值，如下所示

 $('#modaleSent').on("shown.bs.modal", function (e) {
    $("#sendtrackbtn").on('click',function(e){
        e.preventDefault();
        var trackno = $("#modaleSent #track").val().trim();
        var courier = $("#modaleSent #corrieri").val();
        $.post("/echo/json/", {
            oemail:email,
            oname:cliente,
            orecord:record,
            ocourier:courier,
            oclienteid:clienteid,
            otrack:trackno
        },
        function(data,status)
        {
            if(data.esito !== false)
            {
                $("#modaleSentContent").find("#sentmsg").html('Messaggio inviato correttamente');
            }
            else{
                $("#modaleSentContent").find("#sentmsg").html('Si è verificato un problema con l\'invio');
            }

            //$("#modaleSentContent").find("#sentmsg").html(data.msg);
        }, "json");
    });
}).modal('show');

以下是更新后的工作jsfiddle。希望这会对你有所帮助！

在jquery post调用时，无法从bootstrap模式中的输入字段获取值

1 个答案: