easyui--下拉列表

普通的combobox:

 

  1.  
    <input id="brandid_C" class="easyui-combobox" name="brandid"
  2.  
    data-options="valueField:'value',textField:'text',
  3.  
    url:'<%=path %>/controller/common/fosys.data.brand.type.json'" />

valueField: 'value'——选项的值
textField: 'text'——选项的文本

 

获取加载数据:

 

var cData = $('#brandid_C').combobox('getData');


获取选择的数据:

 

 

var cCombox = $('#brandid_C').combobox('getValue');


重置选项数据:

 

 

var cCombox = $('#brandid_C').combobox('setValue','');



 

级联combobox :

 

    1.  
      地市:<input id="cityid_analSum" name="cityid" class="easyui-combobox" data-options="
    2.  
      valueField: 'area_code',
    3.  
      textField: 'area_name',
    4.  
      url: '<%=path %>/controller/businessAnalyse/getAreaInfo?parentarea_id=-1',
    5.  
      onSelect: function(rec){
    6.  
      $('#countyid_analSum').combobox('setValue','');
    7.  
      var url = '<%=path %>/controller/businessAnalyse/getAreaInfo?parentarea_id='+rec.area_code;
    8.  
      $('#countyid_analSum').combobox('reload', url);
    9.  
      }" />
    10.  
      县市: <input id="countyid_analSum" name="countyid" class="easyui-combobox" data-options="valueField:'area_code',textField:'area_name'" />
       
      //下拉列表自动选中原来默认的选项
      1. $(document).ready(function() {
      2.  
        $('#cityId').combobox({
      3.  
        url: '',
      4.  
        valueField: 'id',
      5.  
        textField: 'name',
      6.  
        panelHeights: '200',
      7.  
        onLoadSuccess: function () { //数据加载完毕事件,设置默认选中
      8.  
        var data = $('#cityId').combobox('getData');
      9.  
        if (data.length > 0) {
      10.  
        $("#cityId").combobox('select', data[0].id);
      11.  
        }
      12.  
        }
      13.  
        });
      14.  
        });
       
posted @ 2018-08-13 17:20  吃鱼的猫  阅读(172)  评论(0编辑  收藏  举报