最近在用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值.
基本上就这些吧,欢迎你们与我分享你们遇到的问题.