chosen-select删除options及相关操作

chosen-select功能强大，样式也不错，目前公司一直在用，之前写项目，因为级联下拉，要清空子select的options，然后重新赋值，搞了好久一直清空不了，踩坑如下：

$('#select_chosen').options=null;

失败！

$('#select_chosen').options=null;

再次失败！根本没有options这个属性，所以幻想$('#select_chosen').options.length=0的小伙伴，请放弃；

$('#select_chosen').innerTTML=""; 

再次失败，此时已经抓狂！

最后

$('#select_chosen').html('');

终于成功清空了options，成功后要再加一行

 $("#select_chosen").trigger("chosen:updated");

其他相关操作，动态添加option

$("#select_chosen").append("<option value='大碗'>宽面</option>");

添加change()事件

$("#select_chosen").on('change', function (e, params) {});

如果chosen-select框页面初始化时隐藏的，后动态显示会没有宽度需要动态设置：

var $chosenSelect = $('#select_chosen');
    $chosenSelect.chosen({
        allow_single_deselect: true,
        search_contains: true,
        no_results_text: '没有匹配项!',
        disable_search_threshold: 5
    });
    $("#select_chosen").val("");
    $("#select_chosen").trigger("chosen:updated");
    $("#select_chosen_chosen").css("width", "86%");

获取选中文本或选中项的属性值

$('#select_chosen option:selected').text();
$("#select_chosen ").find("option:selected").attr("title")