专业网站建设品牌,十四年专业建站经验,服务6000+客户--广州京杭网络
免费热线:400-963-0016      微信咨询  |  联系我们

Jquery Select2 插件

当前位置:网站建设 > 技术支持
资料来源:网络整理       时间:2023/2/14 0:12:24       共计:3633 浏览

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>
版权说明:
本网站凡注明“广州京杭 原创”的皆为本站原创文章,如需转载请注明出处!
本网转载皆注明出处,遵循行业规范,如发现作品内容版权或其它问题的,请与我们联系处理!
欢迎扫描右侧微信二维码与我们联系。
·上一条:每个人应该知道的NVelocity用法 | ·下一条:设置SELECT2输入的宽度(通过角-UI指令)

Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有    粤ICP备16019765号 

广州京杭网络科技有限公司 版权所有