-2

我试图让 .click() 工作,以便它显示一个包含表单其他方面的 div。由于某种原因, .click() 没有显示表单的其余部分。id 和 url 的所有拼写都是正确的,整个 javascript 也没有损坏。

这是一些代码:

相关的html:

<FORM STYLE="display:inline;" id='1' FORM METHOD ="POST" ACTION="Quote Script.php"><br>

<div id='inputtext'>
 Customer: <input style='width: 150px;' type='text' id= '4' name='q' value=<?php echo $q;?>><br>
 </div>

 <div id='inputtext'>
  Date Revieved: <input type='text' id= '2' name='o' value=<?php echo $o;?>><br>
  </div>

  <div id='inputtext'>
  Promised Date: <input id= '3' name = 'p' type='text' value=<?php echo $p;?>>
  </div>

  </div>

  <div style="margin-left: 45%;">
  <input type='Button' id='Scans1' class="btn" value="Save">
  </div>

  </div>

  <div id='form1'>

javascript/jquery:

<script type="text/javascript" src='jquery-1.10.2.js'>
$("#form1").hide();

$("#Scans1").click(function()
{

var Customer = $("#4").val();
var Dr= $("#2").val();
var Pd = $("#3").val();
$("#form1").show();

$.ajax({
    type: "POST",
    url: "mysql_quote1.php",
    data: {Customer: Customer, Dr: Dr, Pd: Pd}
    }).done(function(msg){
    alert("Data Saved:" +msg);
    });
});

</script>
4

1 回答 1

2

任何指定了属性 src 的脚本标签都将忽略其内容。顺便说一句,您应该等待 DOM 准备好,或者将第二个脚本标签放在结束正文的标签之前:</body>

<script type="text/javascript" src='jquery-1.10.2.js'></script>
<script type="text/javascript">
 $(function () { //<= this is document ready handler
    $("#form1").hide();

    $("#Scans1").click(function () {

        var Customer = $("#4").val();
        var Dr = $("#2").val();
        var Pd = $("#3").val();
        $("#form1").show();

        $.ajax({
            type: "POST",
            url: "mysql_quote1.php",
            data: {
                Customer: Customer,
                Dr: Dr,
                Pd: Pd
            }
        }).done(function (msg) {
            alert("Data Saved:" + msg);
        });
    });
});
</script>
于 2013-07-27T17:31:11.393 回答