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 - 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;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;//设置为选中。
}
}
}

代码打包下载

时间: 2024-10-21 22:51:14

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

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 多选下拉框代码

$("#号").多选((oneormoreselected:'*',选中全部:假,noneselected:'默认显示')); 用法:$('#的id').多选(选项,回调) 选项:选中全部 - 是否显示全选选项;真/假,默认=真 selectalltext - 文本显示选择/取消选取所有选项同时 noneselected - 要显示的文本时,没有在列表中选定项目 oneormoreselected - 文本显示当有一个或多个项目在列表中选择 (注:你可以使用一个选定的项目数占位符%).

一个简单的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实现可多选的下拉框_jquery

首先下载jquery.multiselect.js 的插件然后复制下列代码,只需改下路径就可以实现可多选下拉框.如果好用还请多多支持! 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://w

jQuery插件实现可输入和自动匹配的下拉框_jquery

实现可输入+带自动匹配功能的下拉框,我试过以下几种方法: 1.直接使用h5的新标签<datalist>,对应demo如下: <input list="browsers"> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option val

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扁平化风格下拉框美化插件FancySelect使用指南

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

jquery实现省市select下拉框的替换

 本篇文章主要是对jquery实现省市select下拉框的替换(示例代码)进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 省市对应的实现:<还有一些没封装起来>    更具选择的省份来确定市的内容   jsp代码:    代码如下: <body>   省份<select name="prin">    <option>--请选择--</option>    <option>福建</option>