• 技术文章 >web前端 >js教程

    jquery multiSelect 多选下拉框_jquery

    2016-05-16 18:23:31原创710
    $("#id").multiSelect({ oneOrMoreSelected: '*',selectAll:false,noneSelected:'默认显示' });
    Usage: $('#id').multiSelect( options, callback )
    Options: selectAll - whether or not to display the Select All option; true/false, default = true
    selectAllText - text to display for selecting/unselecting all options simultaneously
    noneSelected - text to display when there are no selected items in the list
    oneOrMoreSelected - text to display when there are one or more selected items in the list
    (note: you can use % as a placeholder for the number of items selected).
    Use * to show a comma separated list of all selected; default = '% selected'
    optGroupSelectable - whether or not optgroups are selectable if you use them; true/false, default = false
    listHeight - the max height of the droptdown options
    复制代码 代码如下:

    // Update the textbox with the total number of selected items, and determine select all
    $("#id").updateSelected()
    // Update the dropdown options
    $("#id").multiSelectOptionsUpdate()
    // Hide the dropdown
    $("#id").multiSelectOptionsHide()
    // Show the dropdown
    $("#id").multiSelectOptionsShow()
    // get a coma-delimited list of selected values
    $("#id").selectedValuesString

    使用javascript 设置多选框的默认选中项。
    复制代码 代码如下:

    $("#id").attr("value","");//清空选中项。
    var ids='1,3,6';//设置选中框ID。
    var id_Ojbect=(ids).split(",");//分割为Ojbect数组。
    var count=$("#id option").length;//获取下拉框的长度。
    for(var c=0;cfor(var c_i=0;c_i{
    if($("#id").get(0).options[c_i].text == id_Ojbect[c])
    {
    $("#id").get(0).options[c_i].selected = true;//设置为选中。
    }
    }
    }

    代码打包下载
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:多选下拉框
    上一篇:JQuery从头学起第三讲_jquery 下一篇:一步一步制作jquery插件Tabs实现过程_jquery
    Web大前端开发直播班

    相关文章推荐

    • 聊聊node中的fs模块、path模块• ie8是否支持es6• 聊聊Angular中组件之间怎么通信• 浅析Angular中怎么用 Api 代理• Angular如何对请求进行拦截封装?

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网