本篇文章主要是对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="https://www.jb51.net/jquery.js"></script>
<link type="text/css" href="https://www.jb51.net/jquery-ui.css" />
<script type="text/javascript" src="https://www.jb51.net/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://www.jb51.net/jquery.multiselect.js"></script>
<link type="text/css" href="https://www.jb51.net/jquery.multiselect.css" />
<script type="text/javascript">
$(function(){
$("#company").multiselect();
});
</script>
</head>
<body>
<table>
<tr>
<td><select>
<option value="北方公司" selected="selected">北方公司【总公司】</option>
<option value="西南公司">西南公司</option>
</select><span></span></td>
<td> </td>
</tr>
</table>
</body>
</html>
您可能感兴趣的文章: