利用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 相关文章推荐
在页面上点击任一链接时触发一个事件的代码
Apr 07 Javascript
Javascript条件判断使用小技巧总结
Sep 08 Javascript
基于JQuery 滑动与动画的说明介绍
Apr 18 Javascript
jQuery动画animate方法使用介绍
May 06 Javascript
JS Map 和 List 的简单实现代码
Jul 08 Javascript
jQuery子属性过滤选择器用法分析
Feb 10 Javascript
jQuery事件委托之Safari
Jul 05 Javascript
微信小程序 Flex布局详解
Oct 09 Javascript
简单理解js的prototype属性及使用
Dec 07 Javascript
BACKBONE.JS 简单入门范例
Oct 17 Javascript
如何从零开始利用js手写一个Promise库详解
Apr 19 Javascript
vue实现简单学生信息管理
May 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
DIY实用性框形天线
2021/03/02 无线电
php 数学运算验证码实现代码
2009/10/11 PHP
Yii结合CKEditor实现图片上传功能
2014/06/13 PHP
大家须知简单的php性能优化注意点
2016/01/04 PHP
ie和firefox中img对象区别的困惑
2006/12/27 Javascript
JS中不为人知的五种声明Number的方式简要概述
2013/02/22 Javascript
jQuery源码分析之jQuery中的循环技巧详解
2014/09/06 Javascript
JavaScript设计模式之工厂方法模式介绍
2014/12/28 Javascript
JavaScript声明变量名的语法规则
2015/07/10 Javascript
js jquery获取当前元素的兄弟级 上一个 下一个元素
2015/09/01 Javascript
js轮盘抽奖实例分析
2020/04/17 Javascript
基于BootStrap栅格栏系统完成网站底部版权信息区
2016/12/23 Javascript
html5+CSS 实现禁止IOS长按复制粘贴功能
2016/12/28 Javascript
Vue2.0系列之过滤器的使用
2018/03/01 Javascript
vue实现个人信息查看和密码修改功能
2018/05/06 Javascript
浅谈node.js 命令行工具(cli)
2018/05/10 Javascript
微信小程序排坑指南详解
2018/05/23 Javascript
vue的style绑定background-image的方式和其他变量数据的区别详解
2018/09/03 Javascript
Vue + Elementui实现多标签页共存的方法
2019/06/12 Javascript
jQuery实现轮播图源码
2019/10/23 jQuery
给Python初学者的一些编程技巧
2015/04/03 Python
Python遍历zip文件输出名称时出现乱码问题的解决方法
2015/04/08 Python
使用Python从有道词典网页获取单词翻译
2016/07/03 Python
Python实现将罗马数字转换成普通阿拉伯数字的方法
2017/04/19 Python
python如何实现反向迭代
2018/03/20 Python
图文详解python安装Scrapy框架步骤
2019/05/20 Python
python使用Pandas库提升项目的运行速度过程详解
2019/07/12 Python
使用scrapy ImagesPipeline爬取图片资源的示例代码
2020/09/28 Python
高尔夫球鞋、服装、手套和装备:FootJoy
2018/12/15 全球购物
物理研修随笔感言
2014/02/14 职场文书
运动会1000米加油稿
2015/07/21 职场文书
退休教师欢送会致辞
2015/07/31 职场文书
《花钟》教学反思
2016/02/17 职场文书
2019年年中工作总结讲话稿模板
2019/03/25 职场文书
python 如何用map()函数创建多线程任务
2021/04/07 Python
深度学习tensorflow基础mnist
2021/04/14 Python