最近在用kendo 的UI做幾個手機銀行介面,但是kendo mobile 提供的UI和kendo 提供的給PC的UI放在一起就有了衝突,好好的一個下拉框,愣是被弄的醜了吧唧的,所以還是自己做一個下拉動態賦值吧.

先發請求去取資料:

這裡就發jq包裝好的get請求,其實get個post區別自己用多了都明白,無非是傳引數不同,能不能被瀏覽器快取,引數放在那裡,安不安全,能不能收藏連結.想起來了就扯幾句.呵呵

$.get("url",function(data){

     //請求到的data是一個js陣列的json串,形如:

[
 {"Acno":"6211125886667895"},{"Acno":"6211125886667892"},{"Acno":"6211125886667897"}
]

      for(var i=0;i<data.length;i++){

         //先建立好select裡面的option元素

         var option=document.createElement("option");

         //轉換DOM物件為JQ物件,好用JQ裡面提供的方法 給option的value賦值

         $(option).val(data[i].Acno);

         //給option的text賦值,這就是你點開下拉框能夠看到的東西

             $(option).text(data[i].Acno);

         //獲取select 下拉框物件,並將option新增進select

         $('#select').append(option);

        }

});

這時候重新整理你的頁面,看看下拉框是不是已經有值了,要想獲取到下拉框的值,就直接$('#select').val();拿到了當前選中的option的value值.

基本上就這些吧,歡迎你們與我分享你們遇到的問題.