利用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 面向对象编程(一) 封装
Aug 28 Javascript
JavaScript charCodeAt方法入门实例(用于取得指定位置字符的Unicode编码)
Oct 17 Javascript
基于jquery实现智能表单验证操作
May 09 Javascript
JS实现可编辑的后台管理菜单功能【附demo源码下载】
Sep 13 Javascript
bootstrap datepicker限定可选时间范围实现方法
Sep 28 Javascript
AngularJS实现与Java Web服务器交互操作示例【附demo源码下载】
Nov 02 Javascript
基于JavaScript实现拖动滑块效果
Feb 16 Javascript
微信小程序 chooseImage选择图片或者拍照
Apr 07 Javascript
vue router下的html5 history在iis服务器上的设置方法
Oct 18 Javascript
基于js中this和event 的区别(详解)
Oct 24 Javascript
个人小程序接入支付解决方案
May 23 Javascript
js+html+css实现手动轮播和自动轮播
Dec 30 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
laravel容器延迟加载以及auth扩展详解
2015/03/02 PHP
php 的反射详解及示例代码
2016/08/25 PHP
PHP递归获取目录内所有文件的实现方法
2016/11/01 PHP
PHP date()格式MySQL中插入datetime方法
2019/01/29 PHP
动态加载图片路径 保持JavaScript控件的相对独立性
2010/09/06 Javascript
jquery和javascript的区别(常用方法比较)
2013/07/04 Javascript
jQuery鼠标事件汇总
2015/08/30 Javascript
js实现网页收藏功能
2015/12/17 Javascript
微信小程序 教程之wxapp 视图容器 view
2016/10/19 Javascript
VUE开发一个图片轮播的组件示例代码
2017/03/06 Javascript
JS得到当前时间的方法示例
2017/03/24 Javascript
jQuery插件FusionCharts绘制2D环饼图效果示例【附demo源码】
2017/04/10 jQuery
用Node编写RESTful API接口的示例代码
2018/07/04 Javascript
Vue 中如何正确引入第三方模块的方法步骤
2019/05/05 Javascript
微信小程序防止多次点击跳转(函数节流)
2019/09/19 Javascript
vue-element-admin 菜单标签失效的解决方式
2019/11/12 Javascript
js实现二级联动简单实例
2020/01/11 Javascript
js实现无刷新监听URL的变化示例代码详解
2020/06/03 Javascript
[49:08]OpTic vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python访问纯真IP数据库脚本分享
2015/06/29 Python
Python网络爬虫中的同步与异步示例详解
2018/02/03 Python
Django中使用极验Geetest滑动验证码过程解析
2019/07/31 Python
matplotlib命令与格式之tick坐标轴日期格式(设置日期主副刻度)
2019/08/06 Python
pycharm显示远程图片的实现
2019/11/04 Python
ubuntu 18.04 安装opencv3.4.5的教程(图解)
2019/11/04 Python
基于Python获取城市近7天天气预报
2019/11/26 Python
在Python中实现函数重载的示例代码
2019/12/12 Python
Snapfish英国:在线照片打印和个性化照片礼品
2017/01/13 全球购物
应届生财务管理求职信
2013/11/06 职场文书
结婚喜宴主持词
2014/03/14 职场文书
教师年度个人总结
2015/02/11 职场文书
基层党建工作简报
2015/07/21 职场文书
出纳2015年度工作总结范文
2015/10/14 职场文书
浅谈Python列表嵌套字典转化的问题
2021/04/07 Python
万能密码的SQL注入漏洞其PHP环境搭建及防御手段
2021/09/04 SQL Server
php去除deprecated的实例方法
2021/11/17 PHP