利用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 相关文章推荐
用javascript操作xml
Nov 04 Javascript
jquery实现奇偶行赋值不同css值
Feb 17 Javascript
JS动态添加与删除select中的Option对象(示例代码)
Dec 20 Javascript
jQuery获取动态生成的元素示例
Jun 15 Javascript
Windows8下搭建Node.js开发环境教程
Sep 03 Javascript
JS折半插入排序算法实例
Dec 02 Javascript
详解jQuery选择器
Dec 21 Javascript
详解PHP中pathinfo()函数导致的安全问题
Jan 05 Javascript
微信小程序实现弹出菜单动画
Jun 21 Javascript
layer.confirm点击第一个按钮关闭弹出框的方法
Sep 09 Javascript
Javascript中的this,bind和that使用实例
Dec 05 Javascript
extjs图形绘制之饼图实现方法分析
Mar 06 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
php查询mssql出现乱码的解决方法
2014/12/29 PHP
无语,javascript居然支持中文(unicode)编程!
2007/04/12 Javascript
js 模拟实现类似c#下的hashtable的简单功能代码
2010/01/24 Javascript
jQuery计算textarea中文字数(剩余个数)的小程序
2013/11/28 Javascript
ListBox实现上移,下移,左移,右移的简单实例
2014/02/13 Javascript
如何用JavaScript定义一个类
2014/09/12 Javascript
JS/Jquery判断对象为空的方法
2015/06/11 Javascript
jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法
2015/07/27 Javascript
JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例
2015/12/04 Javascript
jQuery中DOM节点删除之empty与remove
2017/01/20 Javascript
BACKBONE.JS 简单入门范例
2017/10/17 Javascript
微信小程序tabBar模板用法实例分析【附demo源码下载】
2017/11/28 Javascript
JS排序算法之冒泡排序,选择排序与插入排序实例分析
2017/12/13 Javascript
webstrom Debug 调试vue项目的方法步骤
2018/07/17 Javascript
element-ui循环显示radio控件信息的方法
2018/08/24 Javascript
JavaScript数组、json对象、eval()函数用法实例分析
2019/02/21 Javascript
浅析Vue下的components模板使用及应用
2019/11/27 Javascript
[17:45]DOTA2 HEROES教学视频教你分分钟做大人-军团指挥官
2014/06/11 DOTA
python定时器使用示例分享
2014/02/16 Python
Python使用爬虫猜密码
2016/02/19 Python
jupyter安装小结
2016/03/13 Python
python记录程序运行时间的三种方法
2017/07/14 Python
Numpy中转置transpose、T和swapaxes的实例讲解
2018/04/17 Python
Python实现的简单线性回归算法实例分析
2018/12/26 Python
浅谈python requests 的put, post 请求参数的问题
2019/01/02 Python
vim自动补全插件YouCompleteMe(YCM)安装过程解析
2019/10/21 Python
Python 异步协程函数原理及实例详解
2019/11/13 Python
Python实现汇率转换操作
2020/05/03 Python
基于python实现破解滑动验证码过程解析
2020/05/28 Python
Python定义一个Actor任务
2020/07/29 Python
法国票务网站:Ticketmaster法国
2018/07/09 全球购物
Farfetch台湾官网:奢侈品牌时尚购物平台
2019/06/17 全球购物
2014企业领导班子四风对照检查材料思想汇报
2014/09/17 职场文书
2014入党积极分子批评与自我批评思想报告
2014/10/06 职场文书
2015秋季开学典礼致辞
2015/07/16 职场文书
OpenCV中resize函数插值算法的实现过程(五种)
2021/06/05 Python