select2 清除選中項解決辦法
阿新 • • 發佈:2018-06-15
temp tro sel dde ret obj sele () 數據加載
在項目中使用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 清除選中項解決辦法