利用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时ie6和ie7,ff的区别
Aug 19 Javascript
javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象
Jan 15 Javascript
jquery实现的带缩略图的焦点图片切换(自动播放/响应鼠标动作)
Jan 23 Javascript
Javascript查询DBpedia小应用实例学习
Mar 07 Javascript
JS验证日期的格式YYYY-mm-dd 具体实现
Jun 29 Javascript
JavaScript检测弹出窗口是否已经关闭的方法
Mar 24 Javascript
bootstrap datepicker限定可选时间范围实现方法
Sep 28 Javascript
Vue.js 2.0 移动端拍照压缩图片上传预览功能
Mar 06 Javascript
javaScript和jQuery自动加载简单代码实现方法
Nov 24 jQuery
微信小程序实现发送模板消息功能示例【通过openid推送消息给用户】
May 05 Javascript
js数据类型转换与流程控制操作实例分析
Dec 18 Javascript
JavaScript中layim之整合右键菜单的示例代码
Feb 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中查询SQL Server或Sybase时TEXT字段被截断的解决方法
2009/03/10 PHP
PHP 字符串分割和比较
2009/10/06 PHP
优化php效率,提高php性能的一些方法
2011/03/24 PHP
javascript中对对层的控制
2006/12/29 Javascript
说说掌握JavaScript语言的思想前提想学习js的朋友可以看看
2009/04/01 Javascript
网页前台通过js非法字符过滤代码(骂人的话等等)
2010/05/26 Javascript
jQuery中unwrap()方法用法实例
2015/01/16 Javascript
基于angular实现三级联动的生日插件
2017/05/12 Javascript
jQuery复合事件结合toggle()方法的用法示例
2017/06/10 jQuery
angular动态删除ng-repaeat添加的dom节点的方法
2017/07/20 Javascript
vue的mixins属性详解
2018/03/14 Javascript
老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)
2018/09/19 Javascript
微信小程序左滑删除功能开发案例详解
2018/11/12 Javascript
微信小程序实现顶部导航特效
2019/01/28 Javascript
深入理解Vue keep-alive及实践总结
2019/08/21 Javascript
微信小程序开发中var that =this的用法详解
2020/01/18 Javascript
Python linecache.getline()读取文件中特定一行的脚本
2008/09/06 Python
Fabric 应用案例
2016/08/28 Python
Python常见排序操作示例【字典、列表、指定元素等】
2018/08/15 Python
Gauss-Seidel迭代算法的Python实现详解
2019/06/29 Python
Django 删除upload_to文件的步骤
2020/03/30 Python
浅谈python量化 双均线策略(金叉死叉)
2020/06/03 Python
为2021年的第一场雪锦上添花:用matplotlib绘制雪花和雪景
2021/01/05 Python
Jmeter调用Python脚本实现参数互相传递的实现
2021/01/22 Python
HTML5 video 事件应用示例
2014/09/11 HTML / CSS
英国厨房与餐具用品为主的设计品牌:Joseph Joseph
2018/04/26 全球购物
与UNIX有关的几个名词
2015/09/17 面试题
小学音乐教学反思
2014/02/05 职场文书
消防安全责任书范本
2014/04/15 职场文书
祖国在我心中演讲稿600字
2014/05/04 职场文书
办公室文员岗位职责范本
2014/06/12 职场文书
2014年公路养护工作总结
2014/12/04 职场文书
迎新年主持词
2015/07/06 职场文书
小学大队干部竞选稿
2015/11/20 职场文书
MySQL磁盘碎片整理实例演示
2022/04/03 MySQL
小程序自定义轮播图圆点组件
2022/06/25 Javascript