如何给jQuery Mobile的select动态添加数据

触发获取动态数据的方法

获取动态数据list

清除select下面所有的选项

把获取的数据append到select下面

$('#id).change(function(){

var val = this.value

document.getElementById("selectId").options.length = 0

if(val != null &&val != ''){

$.post(url, {"temp": val}, function(data){

if(data != null &&data.length >0){

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

var o = data[i]

$("#selectId").append("<option value='"+o[0]+"'>"+o[1]+"</option>")

}

}

$("#selectId").selectmenu('refresh', true)//jqm 是动态加载的css 所以新增元素后 需要手动加载样式

})

}

})

使用datagrid的【load】方法，例如：

$('#dg').datagrid('load',{

code: '01',

name: 'name01'

})

ajax调用后台方法，获得json数据后在回调函数中去初始化datagrid就可以。

可以参考官方文档：http://www.jeasyui.com/documentation/index.php#

1、通过jquery给元素动态添加样式运用addClass和removeClass即可。首先在html中准备jquery库文件，并且准备一个div元素，如下图所示。

2、然后在style标签里声明一个class样式，如下图所示。

3、接下来准备一个事件加载初始化的方法，在jquery中直接用匿名函数即可，如下图所示。

4、然后通过jquery的addClass方法给div元素添加一个class，如下图所示。

5、移除一个class的样式也很简单，如下图所示，通过removeClass即可。

---