简单的方法实现下拉框多选

最新推荐文章于 2024-08-27 11:31:39 发布

weixin_30448603

最新推荐文章于 2024-08-27 11:31:39 发布

阅读量367

点赞数 1

文章标签：数据库 java

原文链接：http://www.cnblogs.com/silences/p/5531814.html

版权

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Demos</title>
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.css" />
    <link rel="stylesheet" href="../multiple-select.css" />
</head>
<body>
<div class="container">
        <div class="form-group">
        <label>Month：</label>
        <select id="ms" multiple="multiple">
            <option value="1">January</option>
            <option value="2">February</option>
            <option value="3">March</option>
            <option value="4">April</option>
            <option value="5">May</option>
            <option value="6">June</option>
            <option value="7">July</option>
            <option value="8">August</option>
            <option value="9">September</option>
            <option value="10">October</option>
            <option value="11">November</option>
            <option value="12">December</option>
        </select>
    </div>
</div>

<script src="assets/jquery.min.js"></script>
<script src="../multiple-select.js"></script>
<script>
    $(function() {
        $('#ms').multipleSelect({
            //控件宽度
            width: 460,
            //全选字体样式
            selectAllText:'全选',
            // 支持在一行中显示多个选项
            multiple: true,
            multipleWidth: 100,
            //placeholder
             placeholder: "请选择"
        });
    });
</script>
</body>
</html>