Question

我正在尝试使用jQuery Ajax从MySQL获取数据到我的客户端页面。我写了这段代码：

<html>
<head>
    <title>Salman Test Ajax Select Box</title>
    <script src="js/jquery-2.0.3.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $("#parent_cat").change(function() {
            $.post("func.php", function(data, status) {
                $("#ajax").html(data);
            });
        });
    });
    </script>
</head>
<body>
    <form method="post">
        <select id="parent_cat" name="parent_cat">

            <option disabled="disabled" selected="selected">Select a Category</option>
            <option id="opt" value="1">1</option>
            <div id="ajax"></div>
        </select>

        <span id="wait_1" style="display: none;"> <img src="ajax-loader.gif" alt="Please Wait"> </span>
    </form>
</body>

但是DIV中没有输出，但如果我将行$('#ajax').html(data);更改为alert(data);，它就会完美无缺。

Answer 1

如评论中所述，您的<div>位于<select>标记中，这可能会破坏渲染。在你的选择之后，将div移到下面的一行，它应该可以工作。

为什么DIV没有输出？

1 个答案: