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

如何给jQuery Mobile的select动态添加数据,第1张

触发获取动态数据的方法

获取动态数据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#


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11716745.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存