jeecg bootstrap框架 构造下拉列表，当选中的值改变时，自动填充其关联控件的值

构造下拉列表：方法之一：使用控件  <t:dictSelect> 对数据库中对应的表进行绑定

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

使用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的成员变量名获得其对应的值，再将值赋值到对应的控件内容。

var sysOrgCode = null;
    $('#drugCatalogueId').on('change',function(){
        $.ajax({
            type: "GET",
            url: "limsDrugCatalogueController.do?drugCatalogue&id="+$('#drugCatalogueId').val(),
            data: {},
            async:false,
            dataType: "json",
            success: function (data) {
                if (data.success == true) {
                    sysOrgCode=data.obj;
                    console.log(data);
                } else {
                    
                }
            }
        });
        $('#drugNumber').val(sysOrgCode.drugCode);
        $("#drugNumber").text();

    $('#drugNumber').val(sysOrgCode.drugCode);
　　 $("#drugNumber").text();
　　填充text控件的内容，并当其值改变时，更新文本框的内容。