利用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 相关文章推荐
新页面打开实际尺寸的图片
Aug 25 Javascript
分享10篇优秀的jQuery幻灯片制作教程及应用案例
Apr 16 Javascript
jQuery EasyUI API 中文文档 - Draggable 可拖拽
Sep 29 Javascript
js实现在字符串中提取数字
Nov 05 Javascript
Bootstrap轮播插件简单使用方法介绍
Jun 21 Javascript
vue实现简单表格组件实例详解
Apr 16 Javascript
javascript中json对象json数组json字符串互转及取值方法
Apr 19 Javascript
基于Vue2的独立构建与运行时构建的差别(详解)
Dec 06 Javascript
Vue+Element UI+Lumen实现通用表格分页功能
Feb 02 Javascript
详解关于JSON.parse()和JSON.stringify()的性能小测试
Mar 14 Javascript
uni-app如何实现增量更新功能
Jan 03 Javascript
Vue组件模板的几种书写形式(3种)
Feb 19 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写MySQL数据 实现代码
2009/06/15 PHP
PHP 八种基本的数据类型小结
2011/06/01 PHP
新手学习PHP的一些基础知识分享
2011/07/27 PHP
php使用curl检测网页是否被百度收录的示例分享
2014/01/31 PHP
php删除数组指定元素实现代码
2017/05/03 PHP
yii2安装详细流程
2018/05/23 PHP
PHP正则表达式笔记与实例详解
2019/05/09 PHP
广告代码静态化js通用函数
2007/05/09 Javascript
javascript中的关于类型转换的性能优化
2010/12/14 Javascript
分享一个asp.net pager分页控件
2012/01/04 Javascript
html+css+js实现xp window界面及有关功能
2013/03/26 Javascript
解析img图片没找到onerror事件 Stack overflow at line: 0
2013/12/23 Javascript
浅析tr的隐藏和显示问题
2014/03/05 Javascript
php的文件上传入门教程(实例讲解)
2014/04/10 Javascript
Jquery动态添加及删除页面节点元素示例代码
2014/06/16 Javascript
JS实现无限级网页折叠菜单(类似树形菜单)效果代码
2015/09/17 Javascript
响应式表格之固定表头的简单实现
2016/08/26 Javascript
Vue2组件tree实现无限级树形菜单
2017/03/29 Javascript
JavaSctit 利用FileReader和滤镜上传图片预览功能
2017/09/05 Javascript
JavaScript简单实现的仿微博留言功能示例
2019/01/17 Javascript
JS添加或删除HTML dom元素的方法实例分析
2019/03/05 Javascript
JavaScript中this用法学习笔记
2019/03/17 Javascript
如何在Angular应用中创建包含组件方法示例
2019/03/23 Javascript
记一次用vue做的活动页的方法步骤
2019/04/11 Javascript
详解vue 动态加载并注册组件且通过 render动态创建该组件
2019/05/30 Javascript
一个简单的python程序实例(通讯录)
2013/11/29 Python
python文件读写操作与linux shell变量命令交互执行的方法
2015/01/14 Python
Python中的作用域规则详解
2015/01/30 Python
在Pycharm中项目解释器与环境变量的设置方法
2018/10/29 Python
Python requests模块cookie实例解析
2020/04/14 Python
美国美妆网站:B-Glowing
2016/10/12 全球购物
初一英语教学反思
2014/01/11 职场文书
运动会跳远加油稿
2014/02/20 职场文书
2014年学校总务处工作总结
2014/12/08 职场文书
浅谈Python中的正则表达式
2021/06/28 Python
Mysql存储过程、触发器、事件调度器使用入门指南
2022/01/22 MySQL