利用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 相关文章推荐
Prototype PeriodicalExecuter对象 学习
Jul 19 Javascript
jquery 经典动画菜单效果代码
Jan 26 Javascript
解决jquery版本冲突的有效方法
Sep 02 Javascript
详解JS几种变量交换方式以及性能分析对比
Nov 25 Javascript
利用transition实现文字上下抖动的效果
Jan 21 Javascript
巧用canvas
Jan 21 Javascript
js时间戳与日期格式之间相互转换
Dec 11 Javascript
JavaScript实现单例模式实例分享
Dec 22 Javascript
默认浏览器设置及vue自动打开页面的方法
Sep 21 Javascript
详解用Webpack与Babel配置ES6开发环境
Mar 12 Javascript
jQuery实现的分页插件完整示例
May 26 jQuery
浅谈JavaScript 声明提升
Sep 14 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中用于检测一个地理IP地址是否可用的代码
2012/02/19 PHP
web server使用php生成web页面的三种方法总结
2013/10/28 PHP
PHP中可以自动分割查询字符的Parse_str函数使用示例
2014/07/25 PHP
YII动态模型(动态表名)支持分析
2016/03/29 PHP
几行代码轻松搞定jquery实现flash8类似的连接效果
2007/05/03 Javascript
jquery获取input的value问题说明
2010/08/19 Javascript
用nodejs访问ActiveX对象,以操作Access数据库为例。
2011/12/15 NodeJs
jQuery之尺寸调整组件的深入解析
2013/06/19 Javascript
jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)
2014/05/22 Javascript
javascript数组操作方法小结和3个属性详细介绍
2014/07/05 Javascript
JavaScript中的ubound函数使用实例
2014/11/04 Javascript
javascript版2048小游戏
2015/03/18 Javascript
JQuery中节点遍历方法实例
2015/05/18 Javascript
javascript实现密码验证
2015/11/10 Javascript
AngularJS中如何使用$http对MongoLab数据表进行增删改查
2016/01/23 Javascript
JavaScript中的 attribute 和 jQuery中的 attr 方法浅析
2017/01/04 Javascript
JavaScript关联数组用法分析【概念、定义、遍历】
2017/03/15 Javascript
Vue中添加过渡效果的方法
2017/03/16 Javascript
整理关于Bootstrap模态弹出框的慕课笔记
2017/03/29 Javascript
vue中的非父子间的通讯问题简单的实例代码
2017/07/19 Javascript
看看“疫苗查询”小程序有温度的代码
2018/07/31 Javascript
用python实现面向对像的ASP程序实例
2014/11/10 Python
python排序方法实例分析
2015/04/30 Python
Python变量赋值的秘密分享
2018/04/03 Python
python3使用matplotlib绘制条形图
2020/03/25 Python
Python PyQt5 Pycharm 环境搭建及配置详解(图文教程)
2019/07/16 Python
基于Python的图像数据增强Data Augmentation解析
2019/08/13 Python
pymysql模块的使用(增删改查)详解
2019/09/09 Python
使用Python实现分别输出每个数组
2019/12/06 Python
IE9下html5初试小刀
2010/09/21 HTML / CSS
英国领先的葡萄酒专家:Majestic Wine
2017/05/30 全球购物
ZWILLING双立人英国网上商店:德国刀具锅具厨具品牌
2018/05/15 全球购物
学生打架检讨书
2014/02/14 职场文书
开学典礼决心书
2014/03/11 职场文书
航空学院求职信
2014/06/11 职场文书
基于HTML十秒做出淘宝页面
2021/10/24 HTML / CSS