select多选打钩选择插件

作者:Liaodeity - 2016年11月03日
select多选打钩选择插件

分享一个select多选的插件,虽然样式美化一般,但是最为多选下拉框,还是非常实用,调用简单

<link rel="stylesheet" href="multiple-select.css" />
<script src="jquery-1.9.1.min.js"></script>
<script src="multiple-select.js"></script>
    <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>
    <script>
    $(function() {
        $('#ms').change(function() {
            console.log($(this).val());
        }).multipleSelect({
            width: '100%'
        });
    });
</script>


本文作者: Liaodeity

本文链接: https://www.jianbaizhan.com/code/822

版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!


 请勿发布不友善或者负能量的内容。审查将对发布广告等违规信息进行处罚!