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

时间：2021-11-16 16:33:11|栏目：jquery|点击：次

首先下载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">&nbsp;</td>
 
            </tr>
 
</table>
 
</body>
 
</html>

上一篇：jQuery中andSelf()方法用法实例

栏目：jquery

下一篇：用jQuery模拟select下拉框的简单示例代码

本文标题：利用Jquery实现可多选的下拉框

本文地址：http://www.codeinn.net/misctech/183788.html

更多jquery

jquery

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

阅读排行

推荐教程