编程 Javascript

利用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>

利用Jquery实现可多选的下拉框

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Open and Print a Word Document

Jun 15 Javascript

点击隐藏页面左栏或右栏实现js代码

Apr 01 Javascript

JS简单实现元素复制示例附图

Nov 19 Javascript

JavaScript 学习笔记之操作符（续）

Jan 14 Javascript

JavaScript实现的字符串replaceAll函数代码分享

Apr 02 Javascript

javascript设置和获取cookie的方法实例详解

Jan 05 Javascript

node.js微信公众平台开发教程

Mar 04 Javascript

JS基于递归实现倒计时效果的方法

Nov 26 Javascript

js技巧之十几行的代码实现vue.watch代码

Jun 09 Javascript

解决Vue在封装了Axios后手动刷新页面拦截器无效的问题

Nov 08 Javascript

layui下拉列表select实现可输入查找的方法

Sep 28 Javascript

小程序自定义弹框效果

Nov 16 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