javascript - 动态 jQuery 多选插件

标签 javascript jquery html

我一直在尝试将此脚本安装到我的网站 http://www.jqueryscript.net/form/Dynamic-jQuery-Multi-Select-Tags-Input-Plugin-Fast-Select.html 但它不适用于我的代码

<head>
    <meta charset="UTF-8">
    <title>Page</title>

    <link rel="stylesheet" href="plugins/dist/fastselect.min.css">
    <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
    <script src="plugins/fastselect/dist/fastselect.min.js"></script>
</head>

<body>
    <select class="multipleSelect" multiple name="language">
        <option value="Bangladesh">Bangladesh</option>
        <option value="Barbados">Barbados</option>
        <option value="Belarus">Belarus</option>
        <option value="Belgium">Belgium</option>
    </select>

    <script>
        $('.multipleSelect').fastselect();
    </script>

</body>

最佳答案

根据doc一种可能性是:

$('.multipleSelect').fastselect();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<link rel="stylesheet" href="https://rawgit.com/dbrekalo/fastselect/master/dist/fastselect.min.css">
<script src="https://rawgit.com/dbrekalo/fastselect/master/dist/fastselect.standalone.min.js"></script>


<select class="multipleSelect" multiple name="language">
    <option value="Bangladesh">Bangladesh</option>
    <option value="Barbados">Barbados</option>
    <option value="Belarus">Belarus</option>
    <option value="Belgium">Belgium</option>
</select>

另一种可能性是添加fastsearch lib:

$('.multipleSelect').fastselect();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<link rel="stylesheet" href="https://rawgit.com/dbrekalo/fastselect/master/dist/fastselect.min.css">
<script src="https://rawgit.com/dbrekalo/fastsearch/master/dist/fastsearch.min.js"></script>
<script src="https://rawgit.com/dbrekalo/fastselect/master/dist/fastselect.min.js"></script>

<select class="multipleSelect" multiple name="language">
    <option value="Bangladesh">Bangladesh</option>
    <option value="Barbados">Barbados</option>
    <option value="Belarus">Belarus</option>
    <option value="Belgium">Belgium</option>
</select>

关于javascript - 动态 jQuery 多选插件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41880405/

相关文章:

jquery - 使用ajax时如何修复chrome浏览器的Codeigniter Csrf_token?

html - 如何使现有网页更加结构化,3 个 div 彼此相邻

javascript - jquery 不会触发 - 在调用插件的脚本上引发警报

javascript - CF11 与 CF2018 : CFGRID Binding Error, 未找到元素

javascript - 尝试使用时刻库​​时间戳来理解 Javascript 中的 map

javascript - $routeProvider - 为所有路由注入(inject)相同的依赖项

jquery - 使用 jquery 重置 MVC 表单

javascript - JQuery div.show() 正在调整我的字段大小

html - Flexbox 子对齐 self : flex-end issue in Safari

javascript - Gatsby 插件 : How Can I Take a Component as a Plug-In Option?