Multiple Select插件

Multiple Select插件通过数据属性或JavaScript以表格格式显示数据。

通过数据属性

无需编写JavaScript即可激活多重选择。设置data-toggle="select"正常选择。

<select multiple="multiple" data-toggle="select">
    <option value="1">January</option>
    ...
    <option value="12">December</option>
</select>

我们还可以通过设置data-url="data1.json"正常选择来使用远程URL数据。

<select data-toggle="select" data-url="data1.json"></select>

通过JavaScript

使用JavaScript调用id select来调用多项选择。

<select id="select" multiple="multiple">
    <option value="1">January</option>
    ...
    <option value="12">December</option>
</select>

$('#select').multipleSelect();

我们也可以通过设置使用远程网址数据url: 'data1.json'

<select id="select" multiple="multiple"></select>

$('#select').multipleSelect({
    url: 'data1.json'
});

猜你喜欢

转载自blog.csdn.net/sk161205/article/details/88388477