温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

关于chosen-select设置选中值和清空选中值的问题

发布时间:2020-07-10 15:01:14 来源:网络 阅读:4128 作者:zlm004 栏目:web开发
最近一直在用bootstrap做页面,个人感觉简约大气很好用,今天用插件chosen时发现不能选中值,调试了很长时间,查看源文件js等各种方法,最后终于解决:献上代码:

关于chosen-select设置选中值和清空选中值的问题关于chosen-select设置选中值和清空选中值的问题

无论样式还是自动匹配功能还是比较好的:

  1. 不能清除选中

    解决方法:

    $("#id").val("");

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

  2. 设置选中的值

    $("#id").val("选中的值");

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

  3. 设置选中的文本

    $("#id").text("选中的值");

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


    

总而言之,每次设置时都要触发更新这个选择事件。

*监听的选择改变事件:

$("#id").chosen().change(function(){
    //do something...

});

*设置多选

        $("#id").attr("multiple",true); 
*设置未找到时的显示文字
$("#id").chosen({ 
        no_results_text : "未找到此选项!", 
        width:"70%" 
}); 


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI