利用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的延迟执行问题分析
Jun 23 Javascript
JS+JSP通过img标签调用实现静态页面访问次数统计的方法
Dec 14 Javascript
VueJs与ReactJS和AngularJS的异同点
Dec 12 Javascript
AngularJS实现页面定时刷新
Mar 14 Javascript
基于jquery实现二级联动效果
Mar 30 jQuery
详解Vue.js之视图和数据的双向绑定(v-model)
Jun 23 Javascript
js禁止表单重复提交
Aug 29 Javascript
webpack公共组件引用路径简化小技巧
Jun 15 Javascript
通过seajs实现JavaScript的模块开发及按模块加载
Jun 06 Javascript
小程序的上传文件接口的注意要点解析
Sep 17 Javascript
解决layUI的页面显示不全的问题
Sep 20 Javascript
vue使用lodop打印控件实现浏览器兼容打印的方法
Feb 07 Vue.js
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
用javascript实现画板的代码
2007/09/05 Javascript
JavaScript 精粹读书笔记(1,2)
2010/02/07 Javascript
js使用循环清空某个div中的input标签值
2014/09/29 Javascript
基于jQuery实现的图片切换焦点图整理
2014/12/07 Javascript
jQuery实现的漂亮表单效果代码
2015/08/18 Javascript
Nodejs进阶:核心模块net入门学习与实例讲解
2016/11/21 NodeJs
基于Cookie常用操作以及属性介绍
2017/09/07 Javascript
在React 组件中使用Echarts的示例代码
2017/11/08 Javascript
微信小程序表单验证功能完整实例
2017/12/01 Javascript
vue后台管理之动态加载路由的方法
2018/08/13 Javascript
react实现换肤功能的示例代码
2018/08/14 Javascript
ES6的Fetch异步请求的实现方法
2018/12/07 Javascript
three.js搭建室内场景教程
2018/12/30 Javascript
浅谈Vue.js组件(二)
2019/04/09 Javascript
Vue Cli 3项目使用融云IM实现聊天功能的方法
2019/04/19 Javascript
React路由鉴权的实现方法
2019/09/05 Javascript
Vue使用v-viewer实现图片预览
2020/10/21 Javascript
Vue中使用wangeditor富文本编辑的问题
2021/02/07 Vue.js
[02:52]2014DOTA2西雅图国际邀请赛 CIS战队巡礼
2014/07/07 DOTA
ubuntu系统下使用pm2设置nodejs开机自启动的方法
2018/05/12 NodeJs
django最快程序开发流程详解
2019/07/19 Python
解决python有时候import不了当前的包问题
2019/08/28 Python
使用Python求解带约束的最优化问题详解
2020/02/11 Python
python 代码实现k-means聚类分析的思路(不使用现成聚类库)
2020/06/01 Python
快速创建python 虚拟环境
2020/11/28 Python
用python查找统一局域网下ip对应的mac地址
2021/01/13 Python
兰蔻美国官网:Lancome美国
2017/04/25 全球购物
英国最大线上综合鞋类商城:Office
2017/12/08 全球购物
英国领先的电子、技术和办公用品购物网站:Ebuyer
2018/04/04 全球购物
大一新生军训时的自我评价分享
2013/12/05 职场文书
创业计划书撰写原则
2014/01/25 职场文书
毕业生求职信
2014/06/10 职场文书
婚礼答谢礼品
2015/01/20 职场文书
禁毒主题班会教案
2015/08/14 职场文书
Oracle更换为MySQL遇到的问题及解决
2021/05/21 Oracle
idea下配置tomcat避坑详解
2022/04/12 Servers