php - jquery 更改甚至无法在 IE 上运行

Question

我的数据库中有一个部门表。当我单击某个部门时，使用选择框获取部门 ID 并将其发送到另一个查询以通过 jquery ajax 获取子部门。但是我的更改功能仅在我第一次刷新页面时才起作用

<div id="depSearch">
<select name="DeptSearchBox" id="DeptSearchBox">
<?php
$sql = "SELECT `id`, `unitname` FROM `units` ORDER BY unitname ASC";
$result = $database->query($sql) or die('cannot connect to the database');

while($row = mysql_fetch_array($result))
{
echo'<option value= "'.$row['unitname'].'">'.$row['unitname'].'</option>';
}
?>
</select> 
</div>

jQuery代码

$(document).ready(function () {

    $('#DeptSearchBox').change(function (e) {
        var formdata = $('#DeptSearchBox').val();

        $.ajax({
            url: "../../includes/jqueryRequireFiles/display_phone_table.php",
            type: "post",
            data: {
                formdata: formdata
            },
            success: function (data) {
                $('#tele_table').html('<center><img src="../images/Sit_related/loader.gif" /></center>')
                    .hide()
                    .fadeIn('1500', function () {
                    $('#tele_table').html(data);
                });
            }
        });
        e.preventDefault();
    });
});

Answer 1

在 javascript 部分中用 DeptSearchBox 按下 Replce。我编辑它。您也可以删除 e.preventDefault();