利用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中的关于类型转换的性能优化
Dec 14 Javascript
查看源码的工具 学习jQuery源码不错的工具
Dec 26 Javascript
javascript window.confirm确认 取消对话框实现代码小结
Oct 21 Javascript
jquery属性选择器not has怎么写 行悬停高亮显示
Nov 13 Javascript
使用jquery提交form表单并自定义action的方法
May 25 Javascript
微信小程序 常见问题总结(4058,40013)及解决办法
Jan 11 Javascript
vue2.0父子组件间通信的实现方法
Apr 19 Javascript
js指定步长实现单方向匀速运动
Jul 17 Javascript
浅谈webpack打包生成的bundle.js文件过大的问题
Feb 22 Javascript
结合Vue控制字符和字节的显示个数的示例
May 17 Javascript
vue-cli创建的项目中的gitHooks原理解析
Feb 14 Javascript
微信小程序实现购物车功能
Nov 18 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如何修改SESSION的生存存储时间的实例代码
2017/07/05 PHP
PHP对称加密算法(DES/AES)类的实现代码
2017/11/14 PHP
PHP超级全局变量【$GLOBALS,$_SERVER,$_REQUEST等】用法实例分析
2019/12/11 PHP
Thinkphp极验滑动验证码实现步骤解析
2020/11/24 PHP
CheckBox 如何实现全选?
2006/06/23 Javascript
JavaScript中void(0)的具体含义解释
2007/02/27 Javascript
Prototype PeriodicalExecuter对象 学习
2009/07/19 Javascript
JavaScript与Div对层定位和移动获得坐标的实现代码
2010/09/08 Javascript
jQuery实现的Div窗口震动特效
2014/06/09 Javascript
JavaScript的arguments对象应用示例
2014/09/15 Javascript
javascript图片延迟加载实现方法及思路
2015/12/31 Javascript
jQuery版本升级踩坑大全
2016/01/12 Javascript
JavaScript驾驭网页-DOM
2016/03/24 Javascript
BootStrap Typeahead自动补全插件实例代码
2016/08/10 Javascript
Angular.js初始化之ng-app的自动绑定与手动绑定详解
2017/07/31 Javascript
js阻止默认右键的下拉菜单方法
2018/01/02 Javascript
vue的过滤器filter实例详解
2018/09/17 Javascript
JavaScript常用数组操作方法,包含ES6方法
2020/05/10 Javascript
深入探讨JavaScript的最基本部分之执行上下文
2019/02/12 Javascript
Vue Element UI + OSS实现上传文件功能
2019/07/31 Javascript
关于layui时间回显问题的解决方法
2019/09/24 Javascript
React倒计时功能实现代码——解耦通用
2020/09/18 Javascript
python动态监控日志内容的示例
2014/02/16 Python
python模拟登陆阿里妈妈生成商品推广链接
2014/04/03 Python
django如何实现视图重定向
2019/07/24 Python
python @propert装饰器使用方法原理解析
2019/12/25 Python
python3中关于excel追加写入格式被覆盖问题(实例代码)
2020/01/10 Python
python实现批量命名照片
2020/06/18 Python
基于Modernizr 让网站进行优雅降级的分析
2013/04/21 HTML / CSS
植村秀加拿大官网:Shu Uemura加拿大
2019/09/03 全球购物
瑞典最大的儿童用品网上商店:pinkorblue.se
2021/03/09 全球购物
党旗在我心中演讲稿
2014/09/15 职场文书
违反纪律检讨书范文
2015/05/07 职场文书
电影红河谷观后感
2015/06/11 职场文书
vue的项目如何打包上线
2022/04/13 Vue.js
python游戏开发Pygame框架
2022/04/22 Python