首页 > 语言 > JavaScript > 正文

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

2024-05-06 16:01:28
字体:
来源:转载
供稿:网友
本篇文章主要是对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 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 type="text/css" href="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>

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选