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. 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.  
           });

        

转载于:https://www.cnblogs.com/821067197qqcom/p/9469573.html