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

最近一直在用bootstrap做页面,个人感觉简约大气很好用,今天用插件chosen时发现不能选中值,调试了很长时间,查看源文件js等各种方法,最后终于解决:献上代码:

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

  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%" 
}); 

时间: 2024-10-23 21:21:30

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

jQuery设置 select、radio、checkbox 默认选中的值

[javascript] view plain copy <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m

easyui 》 radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中

获取一组radio被选中项的值var item = $('input[@name=items][@checked]').val();获取select被选中项的文本var item = $("select[@name=items] option[@selected]").text();select下拉框的第二个元素为当前选中值$('#select_id')[0].selectedIndex = 1;radio单选组的第二个元素为当前选中值$('input[@name=items]').g

JQuery获取select选中值和清除选中状态(转)

1.获取值 var provinceSearch = $("#loc_province_search").find("option:selected").attr("lang");//获取下拉列表选中值 var citySearch = $("#loc_city_search").find("option:selected").attr("lang");//获取下拉列表选中值 var t

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值var item = $('input[@name=items][@checked]').val();获取select被选中项的文本var item = $("select[@name=items] option[@selected]").text();select下拉框的第二个元素为当前选中值$('#select_id'

jQuery设置第一个checkbox 为选中值

1设置第一个checkbox 为选中值$('input:checkbox:first').attr("checked",'checked');或者$('input:checkbox').eq(0).attr("checked",'true'); 2.设置最后一个checkbox为选中值$('input:radio:last').attr('checked', 'checked');或者$('input:radio:last').attr('checked', 'tr

给select设置默认值,在option在页面上已经写死的情况下

从后台传来数据 request.setAttribute("time", time), time有year.month属性, 而前台页面上的select中的option却已写死, 可以通过 jstl 表达式来进行判断. 这种写法只可以对简单的数据进行判断.  <select id="month" name="month">      <c:forEach var="item" begin="1&qu

下拉框&lt;select&gt;设置选中项的一个问题

基于jQuery,有两种方式设置下拉 1.$("select").val(); 2.$("option:eq(1)").attr("selected","selected"); 方法2有个问题就是只能设置一次下拉框,重复调用设置失效 <script> $(function(){ }); function sltOpt(){ $("select").val(1); } function sltOp

jquery操作select(增加,删除,清空)

jQuery获取Select选择的Text和Value: 1 2 3 4 5 6 7 8 9 $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的text var checkValue=$("#se

jQuery radio取值,checkbox取值,select取值

语法解释: 1 $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发 2 var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text 3 var checkValue=$("#select_id").val();  //获取Selec