js给下拉框赋值

最近在用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值.

基本上就这些吧,欢迎你们与我分享你们遇到的问题.