jquery easyui combobox使用实例代码



jquery easyui combobox使用实例代码。

普通的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’——选项的文本

 

获取加载数据：

 

  1. var cData = $(‘#brandid_C’).combobox(‘getData’);

获取选择的数据：


 

 

  1. var cCombox = $(‘#brandid_C’).combobox(‘getValue’);

重置选项数据：

 

 

  1. 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’” />