隐藏

Jquery Select2 插件

发布:2014/12/5 16:37:57作者:管理员 来源:本站 浏览次数:8687

Jquery Select2  控件绑定  userSelect 是个input

$('#userSelect').select2({

            placeholder: "Search Users",

            minimumInputLength: 2,

            multiple:true,

            ajax: {

                url: "/user/search/",

                dataType: 'json',

                data: function (term, page) {

                    return {

                        q: term

                    };

                },

                results: function (data, page) {

                    return { results: data };

                }

            }

        });

 

---------------------------------------------------------------------------------------------------

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>         
<script type="text/javascript" src="select2.js"></script>         

 <link href="select2.css" rel="stylesheet"/>
    <script src="select2.js"></script>
    <script>
        $(document).ready(function() {
        $("#e1").select2([multiple: true]);
        });
    </script>

</head>
<body>
<input type="button" id="123">click
</br>
<input type="hidden" id="1234">
<select id="e1">
        <option value="AL">Alabama</option>
        <option value="Am">Amalapuram</option>
        <option value="An">Anakapalli</option>
        <option value="Ak">Akkayapalem</option>

        <option value="WY">Wyoming</option>
    </select>

</body>
</html>