将值传递给php的弹出窗口

时间:2013-10-21 09:31:57

标签: javascript php jquery

我正在尝试创建一个弹出窗口,其中包含一个包含输入的表单。有2个输入,在提交表单时,它应该从输入中获取值并将它们分配给变量,然后将其传递给php代码。我所做的一切似乎都没有得到分配的价值。我已经尝试在javascript中输出变量,但它只是在单击按钮时重置文本框

   <?php
    include'../dbconnect.php';

    echo "in character creation";
    if(isset($_POST['name']) && isset($_POST['type']) ) {
        $name = $_POST['name'];
        $type = $_POST['type'];

        echo $name." ".$type;
    }

    ?>
    <html>
    <form id="frmNewChar">
    Character Name: <input type="text" id="charName"></input> <br />
    Character Type: <input type="text" id="charType" ></input> <br />
    <button id="btnNewChar" >Submit</button>
    </form>
    </html>

    <script language="JavaScript"><!--
    $("#btnNewChar").click(function(){
        var name = $("#charName").val;
        var type = $("#charType").val;
            $("#frmNewChar").before(name);
            // $.post(this, {name: name, type: type}, function(data){
                // text=data;
                        // elem = $("#frmNewChar");
                        delay=100;
                        // addTextByDelay(text,elem,delay);

                // });
    });
    //--></script>

1 个答案:

答案 0 :(得分:0)

你的Jquery函数应该是这样的,

$("#btnNewChar").click(function(){
        var name = $("#charName").val();
        var type = $("#charType").val();
            $("#frmNewChar").before(name);
            // $.post(this, {name: name, type: type}, function(data){
                // text=data;
                        // elem = $("#frmNewChar");
                        delay=100;
                        // addTextByDelay(text,elem,delay);

                // });
    });

您使用 val 而不是 val()