利用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 相关文章推荐
ImageFlow可鼠标控制图片滚动
Jan 30 Javascript
javascript 在网页中的运用(asp.net)
Nov 23 Javascript
js获取元素在浏览器中的绝对位置
Jul 24 Javascript
Jquery跨域获得Json时invalid label错误的解决办法
Jan 11 Javascript
jQuery中extend函数详解
Feb 13 Javascript
javascript 用函数实现继承详解
May 28 Javascript
全面解析Bootstrap中Carousel轮播的使用方法
Jun 13 Javascript
正则中的回溯定义与用法分析【JS与java实现】
Dec 27 Javascript
解决ionic和angular上拉加载的问题
Aug 03 Javascript
ReactNative Image组件使用详解
Aug 07 Javascript
js实现随机点名器精简版
Jun 29 Javascript
WebWorker 封装 JavaScript 沙箱详情
Nov 02 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
利用static实现表格的颜色隔行显示
2006/10/09 PHP
浅析php数据类型转换
2014/01/09 PHP
php实现压缩多个CSS与JS文件的方法
2014/11/11 PHP
php实现的ping端口函数实例
2014/11/12 PHP
PHP基于单例模式编写PDO类的方法
2016/09/13 PHP
PHP控制反转(IOC)和依赖注入(DI)
2017/03/13 PHP
PHP实现的简单适配器模式示例
2017/06/22 PHP
laravel实现登录时监听事件,添加登录用户的记录方法
2019/09/30 PHP
Javascript面向对象扩展库代码分享
2012/03/27 Javascript
JS实现随机数生成算法示例代码
2013/08/08 Javascript
jQuery阻止事件冒泡具体实现
2013/10/11 Javascript
jQuery操作input值的各种方法总结
2013/11/21 Javascript
基于JQuery实现的图片自动进行缩放和裁剪处理
2014/01/31 Javascript
jQuery选择器源码解读(五):tokenize的解析过程
2015/03/31 Javascript
JavaScript实现将数组数据添加到Select下拉框的方法
2015/08/21 Javascript
js去字符串前后空格的实现方法
2016/02/26 Javascript
微信小程序 本地数据存储实例详解
2017/04/13 Javascript
详解Angular 4.x NgIf 的用法
2017/05/22 Javascript
nodejs+mongodb aggregate级联查询操作示例
2018/03/17 NodeJs
AngularJS与BootStrap模仿百度分页的示例代码
2018/05/23 Javascript
VUE-cli3使用 svg-sprite-loader
2018/10/20 Javascript
vue 项目build错误异常的解决方法
2019/04/22 Javascript
vue中使用WX-JSSDK的两种方法(推荐)
2020/01/18 Javascript
Python 列表(List) 的三种遍历方法实例 详解
2017/04/15 Python
使用Python操作excel文件的实例代码
2017/10/15 Python
Python实现PS图像调整颜色梯度效果示例
2018/01/25 Python
pytorch  网络参数 weight bias 初始化详解
2020/06/24 Python
python/golang 删除链表中的元素
2020/09/14 Python
python 基于opencv 绘制图像轮廓
2020/12/11 Python
html5+css如何实现中间大两头小的轮播效果
2018/12/06 HTML / CSS
德国最大的服装、鞋子和配件在线商店之一:Outfits24
2019/07/23 全球购物
俄罗斯隐形眼镜和眼镜在线商店:Cronos
2020/06/02 全球购物
家长会主持词开场白
2014/03/18 职场文书
英文演讲稿
2014/05/15 职场文书
试用期辞职信范文
2015/03/02 职场文书
蓝天保卫战收官在即 :15行业将开展环保分级评价
2019/07/19 职场文书