select2 清除選中項解決辦法


在項目中使用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" />

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM