jquery easyui select动态加载option

动态加载后台数据,已经传给前台,前台html也已经改变了,但是前台动态加载内容不展现

经过各种尝试发现是加载了easyui的样式后,动态内容无法正常展现,经过各种尝试,查阅easyui api发现combobox的加载数据的方法,才可以动态展现加载

combobox的加载数据的方法:

<input class="easyui-combobox" id="rwlb" name="rwlb" style="width:435px" data-options="valueField:'id', textField:'text', panelHeight:'auto'" >

方法一:

1 var data, json;
2 json = '[{"id":"年计划","text":"年计划","selected":true}]';
3 data = $.parseJSON(json);
4 $("#rwlb").combobox("loadData", data);

方法二:

1 var data,json;
2 data = [];
3 data.push({ "text": "测试", "id": 100 });
4 $("#rwlb").combobox("loadData", data);


本人的例子:

ajax请求后台数据:

$.ajax({
     url:'<%=basePath %>organizationRelation/treetype',
     type:'GET',
     dataType:'json',
     timeout:1000,
     cache:false,
     error:errorFunction,
     success:succFunction
      });


动态加载select的option选项:

function succFunction(data) {
      //var items = "";
      var dataList,json,orgValue,orgNameValue;
      dataList = [];
      $.each(data,function(index,item){
      orgValue = data[index].orgId + '|' + data[index].relaCd;
      orgNameValue = data[index].orgName;
      
      dataList.push({"value": orgValue,"text":orgNameValue});
      //$("<option value='"+orgValue+"'>"+orgNameValue+"</option>").appendTo("#id_tree_type");
      });
      
      $("#id_tree_type").combobox("loadData",dataList);
      //$("#id_tree_type").html(items);
      }


前台控件:

<select id="id_tree_type" name="tree_type" class="easyui-combobox" style="width:200px;"></select>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值