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控件的内容，并当其值改变时，更新文本框的内容。

原文地址：https://www.cnblogs.com/KekeChen/p/9520902.html