jeecg bootstrap框架 構造下拉列表，當選中的值改變時，自動填充其關聯控件的值

構造下拉列表：方法之一：使用控件  <t:dictSelect> 對數據庫中對應的表進行綁定

 1 <div class="bt-item col-md-6 col-sm-6">
 2             <div class="row">
 3                 <div class="col-md-3 col-sm-3 col-xs-3 bt-label">
 4  id：  5                 </div>
 6                 <div class="col-md-9 col-sm-9 col-xs-9 bt-content">
 7                  <t:dictSelect id="drugCatalogueId" field="drugCatalogueId" type="list" extendJson="{class:'form-control input-sm'}"
 8                             dictTable="lims_drug_catalogue" dictField="id" dictText="drug_name" datatype="*" ></t:dictSelect>   
 9

使用ajax，當下拉列表當選中的值改變時，改變其關聯控件的值

當下拉列表聲明id 時，如id="drugCatalogueId" 可以使用 

$('#name=drugCatalogueId').on('change',function(){
//內容
})

不然

$('select[name=drugCatalogueId]').on('change',function(){
//內容
})

ajax請求代碼以下：

data:{ } :存放請求須要傳遞的參數；

function(data) :data 爲 ajax 請求後返回的 json格式；

sysOrgCode 爲ajax 請求返回後對應的entity實體，經過entity的成員變量名得到其對應的值，再將值賦值到對應的控件內容。

 1 var sysOrgCode = null;  2     $('#drugCatalogueId').on('change',function(){  3  $.ajax({  4             type: "GET",  5             url: "limsDrugCatalogueController.do?drugCatalogue&id="+$('#drugCatalogueId').val(),  6  data: {},  7             async:false,  8             dataType: "json",  9  success: function (data) { 10                 if (data.success == true) { 11                     sysOrgCode=data.obj; 12  console.log(data); 13                 } else { 14                     
15  } 16  } 17  }); 18         $('#drugNumber').val(sysOrgCode.drugCode); 19         $("#drugNumber").text();

$('#drugNumber').val(sysOrgCode.drugCode); 　　 $("#drugNumber").text();　　填充text控件的內容，並當其值改變時，更新文本框的內容。