利用Jquery实现可多选的下拉框


Posted in Javascript onFebruary 21, 2014

首先下载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://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
body {
 margin-left: 5px;
 margin-top: 5px;
 margin-right: 5px;
 margin-bottom: 5px;
}
-->
</style>
<script type="text/javascript" src="jquery.js"></script>
<link rel="stylesheet" type="text/css" href="jquery-ui.css" />
<script type="text/javascript" src="jquery-ui.min.js"></script>
<script type="text/javascript" src="jquery.multiselect.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.multiselect.css" />
<script type="text/javascript">
$(function(){
 $("#company").multiselect();});
</script>
</head>
<body>
<table align="center">
   <tr>
              <td height="49"><select name="company" id="company">
                <option value="北方公司" selected="selected">北方公司【总公司】</option>
                <option value="西南公司">西南公司</option>
              </select><span id="company1" style="color:#FF0000"></span></td>
              <td align="left"> </td>
            </tr>
</table>
</body>
</html>
Javascript 相关文章推荐
百度留言本js 大家可以参考下
Oct 13 Javascript
jquery选择器(常用选择器说明)
Sep 28 Javascript
JS前端框架关于重构的失败经验分享
Mar 17 Javascript
简单实现限制uploadify上传个数
Nov 16 Javascript
AngularJS 日期格式化详解
Dec 23 Javascript
Linux CentOS系统下安装node.js与express的方法
Apr 01 Javascript
利用Ionic2 + angular4实现一个地区选择组件
Jul 27 Javascript
Vue结合Video.js播放m3u8视频流的方法示例
May 04 Javascript
使用jQuery如何写一个含验证码的登录界面
May 13 jQuery
实例讲解React 组件
Jul 07 Javascript
vue style width a href动态拼接问题的解决
Aug 07 Javascript
OpenLayers3实现对地图的基本操作
Sep 28 Javascript
jquery 无限级下拉菜单的简单实现代码
Feb 21 #Javascript
jQuery 无限级菜单的简单实例
Feb 21 #Javascript
js控制table合并具体实现
Feb 20 #Javascript
js文件Cookie存取值示例代码
Feb 20 #Javascript
js中array的sort()方法使用介绍
Feb 20 #Javascript
javascript生成随机大小写字母的方法
Feb 20 #Javascript
将json对象转换为字符串的方法
Feb 20 #Javascript
You might like
一个图形显示IP的PHP程序代码
2007/10/19 PHP
php设计模式 FlyWeight (享元模式)
2011/06/26 PHP
PHP中使用SimpleXML检查XML文件结构实例
2015/01/07 PHP
php rsa加密解密使用详解
2015/01/14 PHP
关于PHP求解三数之和问题详析
2020/11/09 PHP
js动态添加事件并可传参数示例代码
2013/10/21 Javascript
使用变量动态设置js的属性名
2014/10/19 Javascript
详解BootStrap中Affix控件的使用及保持布局的美观的方法
2016/07/08 Javascript
微信小程序 视图层(xx.xml)和逻辑层(xx.js)详细介绍
2016/10/13 Javascript
从零学习node.js之模块规范(一)
2017/02/21 Javascript
js数字计算 误差问题的快速解决方法
2017/02/28 Javascript
解决Vue中mounted钩子函数获取节点高度出错问题
2018/05/18 Javascript
vue+高德地图写地图选址组件的方法
2019/05/18 Javascript
ant design pro中可控的筛选和排序实例
2020/11/17 Javascript
[03:24][TI9纪实] Dota奶爸
2019/08/22 DOTA
Python中最常用的操作列表的几种方法归纳
2015/04/24 Python
Python中列表和元组的相关语句和方法讲解
2015/08/20 Python
python增加矩阵维度的实例讲解
2018/04/04 Python
Python爬虫包BeautifulSoup异常处理(二)
2018/06/17 Python
Python tkinter的grid布局及Text动态显示方法
2018/10/11 Python
python 实现交换两个列表元素的位置示例
2019/06/26 Python
在tensorflow中设置使用某一块GPU、多GPU、CPU的操作
2020/02/07 Python
Django单元测试中Fixtures的使用方法
2020/02/26 Python
对django 2.x版本中models.ForeignKey()外键说明介绍
2020/03/30 Python
使用Python构造hive insert语句说明
2020/06/06 Python
HTML5利用约束验证API来检查表单的输入数据的代码实例
2016/12/20 HTML / CSS
泰国第一在线超市:Tops
2021/02/13 全球购物
咨询公司各岗位职责
2013/12/02 职场文书
学习十八大精神心得体会
2013/12/31 职场文书
2014年终个人工作总结
2014/11/07 职场文书
中班上学期个人总结
2015/02/12 职场文书
2015年社区纪检工作总结
2015/04/21 职场文书
离婚答辩状范文
2015/05/22 职场文书
《揠苗助长》教学反思
2016/02/20 职场文书
2019年度行政文员工作计划范本!
2019/07/04 职场文书
MySQL 原理与优化之Update 优化
2022/08/14 MySQL