1. 程式人生 > >Jquery Ajax 動態組裝select總結

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說明,實際開發中不建議採用這種命名方式大笑

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

請尊重作者勞動成果,

轉載請註明出處