编程 Javascript

利用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>

利用Jquery实现可多选的下拉框

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript[js]获取url参数的代码

Oct 17 Javascript

Juqery Html(),append()等方法的Bug解决方法

Dec 13 Javascript

jquery删除提示框弹出是否删除对话框

Jan 07 Javascript

JS操作iframe里的dom(实例讲解)

Jan 29 Javascript

javascript实现节点（div）名称编辑

Dec 17 Javascript

jquery实现点击向下展开菜单项(伸缩导航)效果

Aug 22 Javascript

完美的js div拖拽实例代码

Sep 24 Javascript

JavaScript表单验证开发

Nov 23 Javascript

详解Jquery的事件操作和文档操作

Dec 19 Javascript

easyui关于validatebox实现多重规则验证的方法(必看)

Apr 12 Javascript

JS中如何轻松遍历对象属性的方式总结

Aug 06 Javascript

Vue中el-form标签中的自定义el-select下拉框标签功能

Apr 20 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

第十节抽象方法和抽象类 [10]

2006/10/09 PHP

php中++i 与 i++ 的区别

2012/08/08 PHP

Yii2中hasOne、hasMany及多对多关联查询的用法详解

2017/02/15 PHP

PHP数据库操作四：mongodb用法分析

2017/08/16 PHP

利用PHP访问MySql数据库的逻辑操作以及增删改查的实例讲解

2017/08/30 PHP

Laravel 框架基于自带的用户系统实现登录注册及错误处理功能分析

2020/04/14 PHP

Yii框架小部件（Widgets）用法实例详解

2020/05/15 PHP

JavaScript Event学习第十一章按键的检测

2010/02/10 Javascript

不同的jQuery API来处理不同的浏览器事件

2012/12/09 Javascript

javascript检测页面是否缩放的小例子

2013/05/16 Javascript

深入解析JavaScript中的变量作用域

2013/12/06 Javascript

JS实现一个按钮的方法

2015/02/05 Javascript

JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例

2015/02/13 Javascript

详解javascript跨浏览器事件处理程序

2016/03/27 Javascript

利用jQuery实现滑动开关按钮效果（附demo源码下载）

2017/02/07 Javascript

nodejs个人博客开发第四步数据模型

2017/04/12 NodeJs

jQuery Autocomplete简介_动力节点Java学院整理

2017/07/17 jQuery

利用Dectorator分模块存储Vuex状态的实现

2019/02/05 Javascript

Node.js折腾记一：读指定文件夹，输出该文件夹的文件树详解

2019/04/20 Javascript

react 中父组件与子组件双向绑定问题

2019/05/20 Javascript

vue项目引入ts步骤(小结)

2019/10/31 Javascript

[01:38]【DOTA2亚洲邀请赛】Sumail——梦开始的地方

2017/03/03 DOTA

python基础教程之缩进介绍

2014/08/29 Python

简单谈谈Python中的几种常见的数据类型

2017/02/10 Python

Python批量查询域名是否被注册过

2017/06/21 Python

对Python实现简单的API接口实例讲解

2018/12/10 Python

Pycharm新建模板默认添加个人信息的实例

2019/07/15 Python

pip 安装库比较慢的解决方法(国内镜像)

2019/10/06 Python

使用HTML5原生对话框元素并轻松创建模态框组件

2019/03/06 HTML / CSS

SteelSeries赛睿官网：游戏外设和配件的领先制造商（耳机、键盘、鼠标和鼠标垫）

2018/06/17 全球购物

澳大利亚最大的百货公司：Myer

2018/12/21 全球购物

新年寄语大全

2014/04/12 职场文书

2015年元旦演讲稿

2014/09/12 职场文书

公司租房协议书

2014/10/14 职场文书

感谢信模板大全

2015/01/23 职场文书

求职信如何撰写？

2019/05/22 职场文书