利用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禁止页面复制功能禁用页面右键菜单示例代码
Aug 29 Javascript
jquery 追加tr和删除tr示例代码
Sep 12 Javascript
Bootstrap轮播插件简单使用方法介绍
Jun 21 Javascript
一个可复用的vue分页组件
May 15 Javascript
jQuery表单验证之密码确认
May 22 jQuery
使用JS和canvas实现gif动图的停止和播放代码
Sep 01 Javascript
原生JS实现的双色球功能示例
Feb 02 Javascript
了解在JavaScript中将值转换为字符串的5种方法
Jun 06 Javascript
微信小程序实现拍照画布指定区域生成图片
Jul 18 Javascript
jQuery - AJAX load() 实例用法详解
Aug 27 jQuery
JS计算斐波拉切代码实例
Sep 12 Javascript
Vue 实现点击空白处隐藏某节点的三种方式(指令、普通、遮罩)
Oct 23 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 关于访问控制的和运算符优先级介绍
2013/07/08 PHP
linux下使用crontab实现定时PHP计划任务失败的原因分析
2014/07/05 PHP
php文件上传原理与实现方法详解
2019/12/20 PHP
可以文本显示的公告栏的js代码
2007/03/11 Javascript
Array.prototype.slice.apply的使用方法
2010/03/17 Javascript
JavaScript浏览器选项卡效果
2010/08/25 Javascript
js汉字转拼音实现代码
2013/02/06 Javascript
JS对HTML标签select的获取、添加、删除操作
2013/10/17 Javascript
js实现网页倒计时、网站已运行时间功能的代码3例
2014/04/14 Javascript
JavaScript的各种常见函数定义方法
2014/09/16 Javascript
《JavaScript高级编程》学习笔记之object和array引用类型
2015/11/01 Javascript
基于javascript实现checkbox复选框实例代码
2016/01/28 Javascript
js实现带简单弹性运动的导航条
2017/02/22 Javascript
利用node.js写一个爬取知乎妹纸图的小爬虫
2017/05/03 Javascript
vue-cli项目如何使用vue-resource获取本地的json数据(模拟服务端返回数据)
2017/08/04 Javascript
vue小图标favicon不显示的解决方案
2017/09/19 Javascript
vue 组件中添加样式不生效的解决方法
2018/07/06 Javascript
js jquery 获取某一元素到浏览器顶端的距离实现方法
2018/09/05 jQuery
详解JavaScript中的函数、对象
2019/04/01 Javascript
[02:52]DOTA2新手基础教程 米波
2014/01/21 DOTA
[03:12]TI9战队档案 - Virtus Pro
2019/08/20 DOTA
[01:20:38]完美世界DOTA2联赛 GXR vs IO 第一场 11.07
2020/11/09 DOTA
Python程序中用csv模块来操作csv文件的基本使用教程
2016/03/03 Python
python实现决策树
2017/12/21 Python
Python + OpenCV 实现LBP特征提取的示例代码
2019/07/11 Python
Python Django Vue 项目创建过程详解
2019/07/29 Python
python GUI库图形界面开发之PyQt5时间控件QTimer详细使用方法与实例
2020/02/26 Python
华为旗下电子商务平台:华为商城
2016/08/06 全球购物
校友会欢迎辞
2014/01/13 职场文书
企业车辆管理制度
2014/01/24 职场文书
暑假安全教育广播稿
2014/09/10 职场文书
学生顶撞老师的检讨书
2014/09/17 职场文书
党员群众路线教育实践活动学习笔记
2014/11/05 职场文书
2015中秋节晚会开场白
2015/07/30 职场文书
十大最帅动漫男主 碓冰拓海上榜,第一是《灌篮高手》男主角
2022/03/18 日漫
Win11怎么解除儿童账号限制?Win11解除微软儿童账号限制方法
2022/07/07 数码科技