1. 程式人生 > >easyui中的option設置selected沒有效果

easyui中的option設置selected沒有效果

cti 窗口 ++ bsp cte att 習慣性 點擊 color

在mvc中,使用了easyUI框架,然後我點擊添加新消息的時候彈窗一個新窗口,添加信息。卻發現我的select一直無法設置默認狀態,jq選中,還是直接在添加一條請選擇的option都沒辦法選中,網絡上查找很多資料,給div添加什麽元素之類的都沒有任何變化,

最後還是使用的排除法,吧select標簽復制到其他地方,包括在div.easyui-dailog的div裏頭都沒有問題,只有當在form表單裏頭才出了狀況。

於是我又倒回去查看自己寫的js代碼,發現$("#fmAdd").form("clear");是這句話導致了,我經常習慣性的要把新添加的form表單清空下,但是忽略了,我的select內容是先透過ajax獲取數據並設置選中的,這樣一清空又吧默認狀態給搞沒了。

所以在寫js的過程還是要好好考慮每句話的作用。

但是因為每次點擊表單的時候上一次填入的信息就會存在,於是才有了需要每次都把表單清空的選項,這樣我們就在清空後面手動設置select第一項選中而不是在初始化select的時候設置的

$("#fmAdd").form("clear");
$("#userId option").eq(0).attr("selected", true);

而不是:

$.getJSON(
"/Client/GetSelect?oflag=wtf",
function (result) {
if (result != null) {
var sb = "";
for (var i = 0; i < result.length; i++) {
sb += "<option value=‘"+result[i].id+"‘>"+result[i].id +" - " + result[i].rName+"</option>";
}
$("#userId").append(sb);
//$("#userId option").eq(0).attr("selected", true); //這裏選中的話,就無效了
}
}
);

easyui中的option設置selected沒有效果