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（）;

jquery更改事件不适用于IE

1 个答案: