码迷,mamicode.com
首页 > 其他好文 > 详细

select2 清除选中项解决办法

时间:2018-06-14 23:16:26      阅读:2067      评论:0      收藏:0      [点我收藏+]

标签:return   string   默认   inf   val   gif   type   ash   AC   

在项目中使用select2:选中项 设置可清除。

代码中加上了allowClear : true

$.get("/Work/Ajax/Select.ashx", function (data) {
                        var aData = [];
                        var str = JSON.stringify(data.rows);
                        pInfo = JSON.parse(str);
                        for (var i = 0; i < pInfo.length; i++) {
                            aData.push({ text: pInfo[i].League_Name, id: pInfo[i].League_ID });

                        }

                        var $selObj = $(‘#league_Name‘).select2({
                            data: aData,
                            width: 260,
                            allowClear: true, //选中项可清空
                            placeholder: ‘请选择‘,
                            templateSelection: function (item) {                               
                                return item.text;
                            }
                        });
                        $selObj.val($("#league_ID").val()).trigger("change");
                    });

 数据加载之后。默认会选中第一项。
解决办法:select里面加上一个空的选项,如:

	  <select id="league_Name" class="form-control" name="league_Name"  style=" " ><option value=""></option></select>
       <input id="league_ID" type="hidden" value="0"  runat="server" />

 

select2 清除选中项解决办法

标签:return   string   默认   inf   val   gif   type   ash   AC   

原文地址:https://www.cnblogs.com/Fooo/p/9185346.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!