easyui中的option設置selected沒有效果


在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);        //這里選中的話,就無效了
            }
        }
    );


免責聲明!

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



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