IE 和选择选项有一些我从未真正完全理解的“怪癖”（一些，关于选择框和 innerHTML 的详细信息在这里），但我至少可以为您提供一种解决方法。诀窍是将选项显式添加到选择框，而不仅仅是更改选择元素的整个 html。所以以下工作：

function changeval() {

    var option = document.createElement("option");
    option.text = 'my long text value to change stuff';
    option.value = 'test';
    $('#department_id')[0].options.add(option);
}

虽然这不会：

function changeval() {
    var data = '<option value="test">my long test string with wide stuff</option>';
    $("#department_id").html(data);

}

您可能会发现此页面很有帮助 - 显然他只是通过修饰 innerHTML 来修复它，因此这可能是一个更简单的选择。由你决定。

第二个链接的解决方案如下所示：

function changeval() {
    var data = '<option value="test">my long test string with wide stuff</option>';
    $("#department_id").html(data);
    $("#department_id").parent()[0].innerHTML += '';
}

尝试在开始时的选择中放置一个选项。我猜你只有在你从第一个中选择了一些东西时才开始填写第二个和第三个选择。

我在 IE 中遇到了空选择的问题，所以只需放一个

<option value="-1">-</option> 

在第二个和第三个选择开始。