CODEWITHSUNDEEP
javascriptjqueryhtml
J. 4RK
J. 4RK

Reputation: 62

Dynamic jQuery Multi Select Plugin

I've been trying to install this script to my website http://www.jqueryscript.net/form/Dynamic-jQuery-Multi-Select-Tags-Input-Plugin-Fast-Select.html But it wont work with my code

<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>

Upvotes: 0

Views: 4174

Answers (1)

gaetanoM
gaetanoM

Reputation: 42054

According to doc one possibility is:

$('.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>

Another possibility is to add the 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>

Upvotes: 2

Related Questions