jquery multiSelect 多选下拉框代码

$(“#号”)。多选((oneormoreselected:'*',选中全部:假,noneselected:'默认显示'));
用法:$('#的id')。多选(选项,回调)
选项:选中全部 - 是否显示全选选项;真/假,默认=真
selectalltext - 文本显示选择/取消选取所有选项同时
noneselected - 要显示的文本时,没有在列表中选定项目
oneormoreselected - 文本显示当有一个或多个项目在列表中选择
(注:你可以使用一个选定的项目数占位符%)。
使用*显示所有被选中的一个逗号分隔的列表,默认='%选择'
optgroups教程electable - 不论optgroups是可选的,如果你使用它们,真/假,默认=假
listheight - 这是droptdown选择最大高度

 

使用网页特效 设置多选框的默认选中项。

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

// 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

 

时间: 2024-07-29 14:16:47

jquery multiSelect 多选下拉框代码的相关文章

jquery.multiselect多选下拉框实现代码_jquery

本文实例为大家分享了jquery.multiselect多选下拉框的实现方法,供大家参考,具体内容如下 第一步:链接下列文件,如果没有,到此网页下载 https://github.com/ehynds/jquery-ui-multiselect-widget,此插件基于jquery ,所以jquery的基本文件都需要引用 <link rel="stylesheet" type="text/css" href="~/Scripts/jquerymult

jquery multiSelect 多选下拉框_jquery

$("#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

一个简单的jquery的多选下拉框(自写)_jquery

今天做的项目要用到多选的下拉框,开始想在网上找一个插件用用,可是,网上的插件看起来都比较杂乱,我参考了网上的一些插件,自己用jquery写了一个多选下拉框,js写得比较简洁.代码如下. js代码 复制代码 代码如下: (function(){ $.fn.extend({ checks_select: function(options){ jq_checks_select = null; $(this).click(function(e){ jq_check = $(this); //jq_che

四种jquery 动态增加option下拉框代码

function loadsteel_num(typeid){ var drp2 = $("drsteel_num"); drp2.options.length=0; downloadurl('bsorder_steel_num.asp教程x?b_typeid='+typeid, function (xml, responsecode) {  var dom  if(document.all)//ie  {    dom=new activexobject("microsof

select多选下拉框的值通过jquery ajax 传值给其他php页面,老是传不过去,求帮助

问题描述 select多选下拉框的值通过jquery ajax 传值给其他php页面,老是传不过去,求帮助 请大大们来帮我看看. 接收传值的页面: <?php $cla=$_POST["cla"]; echo $cla; include_once("conn.php"); $sql="update class_string set class_string='$cla' where teacher='ma'"; $result = mysq

自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选与多选下拉框_AngularJS

先说点闲话,熟悉Angular的猿们会喜欢这个插件的. 00.本末倒置 不得不承认我是一个喜欢本末倒置的人,学生时代就喜欢先把晚交的作业先做,留着马上就要交的作业不做,然后慢悠悠做完不重要的作业,卧槽,XX作业马上要交了,赶紧补补补.如今做这个项目,因为没找到合适的多选下拉Web插件,又不想用html自带的丑陋的<select multiple></select>,自己花了一整天时间做了一个.或许这样占用的主要功能开发的时间,开发起来会更有紧迫感吧.感觉自己是个抖M自虐倾向,并且伴

jquery取消选择select下拉框示例代码

 本篇文章主要是对jquery取消选择select下拉框示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 有三个select下拉框 一个大类,两个小类隐藏,需要在选择大类的时候,小类显示同时清除另外的小类选择的项 这需求有点儿..........   下面是三个select:   代码如下: <select name="pWaqqqy" id="sel_type" onchange="selectFunction()">

代码-java jquery里多个下拉框并列下来,狠高深

问题描述 java jquery里多个下拉框并列下来,狠高深 就比如 一 二 三 四 五 每个大写的数字代表一个下拉框 每个下拉框里面还有他自己的子项,怎么写代码能实现 一 ⑴ ⑵ 二 三 ⑴ ⑵ 四 五 或者都點開,麻煩大神了... 解决方案 我的QQ 765278009 謝謝了 解决方案二: 网上这种例子应该不少,你参考一下代码,结合自己的需求看看,http://www.cnblogs.com/wintersun/archive/2009/05/28/1491323.html 解决方案三:

jQuery扁平化风格下拉框美化插件FancySelect使用指南

 这篇文章主要介绍了jQuery扁平化风格下拉框美化插件FancySelect使用指南,需要的朋友可以参考下     FancySelect是一款小巧实用的jQuery下拉框美化插件.该下拉框美化插件采用扁平化设计风格,是追求时尚的开发者的首选下拉框美化插件之一. 使用方法 HTML结构 FancySelect实用十分简单,它可以和jQuery或Zepto结合使用.在页面中放置一些 <select> 下拉框组件,然后就可以通过 .fancySelect() 方法来调用该下拉框插件.如果下拉框中