利用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 版本]
Mar 20 Javascript
[全兼容哦]--实用、简洁、炫酷的页面转入效果loing
May 07 Javascript
一款js和css代码压缩工具[附JAVA环境配置方法]
Apr 16 Javascript
JS 模态对话框和非模态对话框操作技巧汇总
Apr 15 Javascript
JavaScript获取和设置CheckBox状态的简单方法
Jul 05 Javascript
js中的scroll和offset 使用比较的实例与分析
Sep 29 Javascript
javascript 操作符(~、&amp;、|、^、)使用案例
Dec 31 Javascript
jQuery往textarea中光标所在位置插入文本的方法
Jun 26 Javascript
Jquery操作Ajax方法小结
Nov 29 Javascript
javascript学习指南之回调问题
Apr 23 Javascript
JavaScript动态创建二维数组的方法示例
Feb 01 Javascript
Vue3如何理解ref toRef和toRefs的区别
Feb 18 Vue.js
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实现可以设置中奖概率的抽奖程序代码分享
2014/01/19 PHP
php基于CodeIgniter实现图片上传、剪切功能
2016/05/14 PHP
js查找父节点的简单方法
2008/06/28 Javascript
js+JQuery返回顶部功能如何实现
2012/12/03 Javascript
js中如何复制一个对象并获取其所有属性和属性对应的值
2013/10/24 Javascript
js 动态加载事件的几种方法总结
2013/12/25 Javascript
js调用打印机打印网页字体总是缩小一号的解决方法
2014/01/24 Javascript
JavaScript中的数值范围介绍
2014/12/29 Javascript
javascript文本框内输入文字倒计数的方法
2015/02/24 Javascript
不间断循环滚动效果的实例代码(必看篇)
2016/10/08 Javascript
vue2滚动条加载更多数据实现代码
2017/01/10 Javascript
深入理解Angular.JS中的Scope继承
2017/06/04 Javascript
Vue.js对象转换实例
2017/06/07 Javascript
在vue中实现简单页面逆传值的方法
2017/11/27 Javascript
Vue.js 事件修饰符的使用教程
2018/11/01 Javascript
微信小程序实现简易table表格
2020/06/19 Javascript
Vue2.0实现组件之间数据交互和通信操作示例
2019/05/16 Javascript
JS页面获取 session 值,作用域和闭包学习笔记
2019/10/16 Javascript
nestjs返回给前端数据格式的封装实现
2021/02/22 Javascript
一个基于flask的web应用诞生 组织结构调整(7)
2017/04/11 Python
Python实现的快速排序算法详解
2017/08/01 Python
Python分析学校四六级过关情况
2017/11/22 Python
python去掉 unicode 字符串前面的u方法
2018/10/21 Python
浅谈python常用程序算法
2019/03/22 Python
10 行Python 代码实现 AI 目标检测技术【推荐】
2019/06/14 Python
使用celery和Django处理异步任务的流程分析
2020/02/19 Python
css3进阶之less实现星空动画的示例代码
2019/09/10 HTML / CSS
《只有一个地球》教学反思
2014/02/14 职场文书
青春寄语大全
2014/04/09 职场文书
房产转让协议书
2014/04/11 职场文书
家长对孩子的评语
2014/04/18 职场文书
2015年教学工作总结
2015/04/02 职场文书
生死抉择观后感
2015/06/09 职场文书
2016教师六五普法学习心得体会
2016/01/21 职场文书
Django程序的优化技巧
2021/04/29 Python
nginx共享内存的机制详解
2022/03/21 Servers