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

Question

我有以下代码，它在JSfiddle中运行良好，但它在我的网页上无法正常工作。 在这个页面上，我有下拉＆＃34; B＆＃34;根据下拉菜单中的所选项目填充＃34; A＆＃34;。如果改变＆＃34; A＆＃34;项目，第二个下拉列表的值已正确更改但其默认文本保持不变，直到我手动更改第二个下拉列表中的所选项目。

代码：

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) {
    }

});};