Javascript 如何在SPACIC span或div中显示数据库中的值

我正在尝试在提交表单之前检查我的值表单数据库，它是否已经输入 我有代码显示在文本框中的结果如何可能的结果显示在div或span中。 我的代码如下： 我的第一个文件category.php包含脚本和html表单

剧本

<script src="jquery.min.js"></script>
<script type="text/javascript">
    $(function() {
        $("#id").keyup(function() {
            $.ajax({
                type : "POST",
                url : "dbscript2.php",
                data : "id=" + $("#id").val(),
                success : function(html) {

                    $("#message").val(html);

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

html格式为：

 <form method="POST" action="gcd.php">
    <p>
        <label>Category:</label>
        <input type="text" name="category" id="id" tabindex="1" />
    </p>
    <p>
        <div id="mes"></div>
        <input type="text" name="new" id="message" tabindex="2" />
    </p>
    <p>
        <input type="submit" name="submit" id="submit" value="Save" />
    </p>
</form>

最后一个php文件消息dbscript2.php

<?php
    include "config.php";
    $id = $_POST['id'];
    $q=mysql_query("select * from category where category   ='$id'");
    $num=mysql_num_rows($q);
    if($num==0)
        echo "";
    else
    {
        echo "This Category already Entered";
    }
?>

---

因为在您共享的实际代码和您得到的答案中有几个错误，所以让我在这里解释一下

HTML表单

<form method="POST" action="gcd.php">
    <p>
        <label>Category:</label>
        <input type="text" name="id" id="id" tabindex="1" />
    </p>
    <p>
        <div id="mes"></div>
        <input type="text" name="message" id="message" tabindex="2" />
    </p>
    <p>
        <input type="submit" name="submit" id="submit" value="Save" />
    </p>
</form>

请注意，您得到的是从php脚本返回的值，而不是一些html。因此，最好将预期返回值重命名为其他标识符，如mydata

 $("#mes").text(mydata);

如果你在找别的东西，请告诉我

根据OP的进一步查询进行更新

请阅读jQueryAPI文档，它为您提供了受支持函数的概念

对于您的特定问题，可以使用以下调用隐藏或显示特定div：

//检查您的状态并相应地显示或隐藏div

$("#mydiv").show();

或

---

旁注：注意SQL注入！忘记数据库中的数据，在静态数据的情况下如何显示它？我只想显示该类别是否已提交的消息，因此dbscript2.php检查此项并返回消息感谢prash首先我了解了如何在div中写入数据。然后我得到了解决问题的答案，因此我使用$mes.append+html+；您的mes已经是一个div，除非确实需要，否则为什么要再次追加div？请看我下面的帖子，我明白了，在每个条目上添加插入新的div。我错了。感谢prash，这对您非常有帮助，也很有帮助。另一个问题是，我们是否可以在返回值的基础上禁用并显示div，就像我们的示例“mydata”一样。例如，如果mydata有一些文本，那么div show else div not show乐于听到，谢谢。但我建议您从API文档中学习。也不要在现有的问题线索上提出全新的问题。不管怎样，我已经更新了，请看更新后的帖子。如果有帮助的话，请接受我的回答。这只是一个建议。。您可以接受答案并关闭线程。大声笑：

$("#mydiv").show();

$("#mydiv").hide();