javascript - 如何使用javascript清除链接下拉列表（selectpicker）的文本？

Question

我有以下代码，它在 JSfiddle 中运行良好，但在我的网页上无法正常运行。在此页面上，我有下拉“B”，它是根据下拉“A”中的选定项目填充的。在更改“A”项目的情况下，第二个下拉列表的值正确更改，但其默认文本保持不变，直到我手动更改第二个下拉列表中的选定项目。

代码：

function get_child() {
$("#child").empty();
$.ajax({
    type: 'POST',
    url: '@Url.Action("Get_child", "Home")',
    dataType: 'json',
    data: { Name: $("#parent").val() },
    success: function (states) {
        $("#child").append('<option value="0"  selected="selected">&nbsp;</option>');
        $.each(states, function (i, state) {
            $("#child").append('<option value="' + state.Text + '">' +
                state.Text + '</option>');
        });             
    },
    error: function (ex) {
    }

});};