动态select可搜索的下拉框，重置chosen

1、效果图


2、代码
1）html

<div class="col-sm-4">
	<select id="childId" name="childId" class="form-control ">
	</select>
</div>

2）js

 $.ajax({
        cache : false,
        type : "GET",
        url : "/xxx,
        dataTYPE:"json",
        async : false,
        error : function(request) {
            parent.layer.alert("Connection error");
        },
        success : function(data) {
            var jsondata=data;
            if(typeof(data)=="string") {
                jsondata=$.parseJSON(data);
            }
            var selhtml = "<option value=''>请选择领取孩子</option>";
            $.each(jsondata, function(i,o) {
                selhtml+='<option value="'+o.id+'">'+o.name+'</option>';
            });
            $("#childId").html(selhtml);
            //$("#childId").append(selhtml);;
            $("#childId").chosen({
                maxHeight : 200,
                search_contains: true
            });
        }
    });

3、重置select
重置两种方法
1）重新ajax
2） $("#childId").val(’’);

一般select就已经重置了，对于此select，值已经重置，但是显示还是之前的，故而需要刷新

//刷新
    $("#childId").trigger("chosen:updated");