Jquery Ajax 動態組裝select總結

近日做項目中,用到了動態獲取組裝select。先做以下總結:


var data1 = JSON.parse(data);

                for(var i=0;i<data1.length;i++){
                    var userName = data1[i].userName;
                    var userId = data1[i].userId;
                    $("#select_id").append("<option value='"+userId+"'>"+userName+"</option>");  //添加一項option
                }

  • data爲轉換成json的ArrayList,ArrayList裏封裝了2個對象實體(每個實體僅有userName和userId兩個屬性)。
  • append後爲了能夠引用到userName和userId,寫法要注意,用"+userId+"的形式。

以上內容不多,希望能幫助到有需要的朋友們。

ps:data1這種命名不規範,在此僅作爲demo說明,實際開發中不建議採用這種命名方式大笑


-----------------------------------------------------

請尊重作者勞動成果,

轉載請註明出處


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章