select 动态加载拼接获取后台接口数据（echarts图库表修饰）

function addDiv(){
        index=index+1;
        zsinfo(index);
        $("#Qualifications form").append(
                "<table id='QuaTable_"+index+"' class='formtable' style='border-bottom: 1px solid #1682e5;margin-bottom: 35px;'>"+
                    "<thead>"+
                      "<tr>"+
                        "<th width='15%'></th>"+
                        "<th width='35%'></th>"+
                        "<th width='15%'></th>"+
                        "<th width='35%'></th>"+
                      "</tr>"+
                    "</thead>"+
                   "<tbody>"+
                "<tr>"+
                 "<td>"+
                    "<div class='sjzx-view-item-line-title sjzx-cal' style='text-align : right'>"+
                      "<label style='height: 18px;' for='agvx10000_"+index+"' class='text control-label'>证件类型"+
                      "<span style='color: red'>*</span><i class='glyphicon glyphicon-exclamation-sign aw-tooltip'></i>"+
                      "</label>"+
                    "</div>"+
                 "</td>"+
                 "<td>"+
                    "<div class='control-group'>"+
                       "<div class='controls' id='agvx10000c_"+index+"'>"+
                         "<select id='agvx10000s_"+index+"' name='agvx10000' class='aw-codelist chosen-select sel_agvx10000' aw-codelist='AGVX10000' /></select>"+
                       "</div>"+
                    "</div>"+   
                 "</td>"+
                  "</tr>"+
               "<tr>"+
                 "<td colspan='3'><input type='hidden' name='agvx1200' id='agvx1200_"+index+"' value='' /></td>"+
                 "<td><div style='text-align: right;' οnclick='DeleteQua(\""+index+"\")'>删除</div></td>"+
               "</tr>"+
               "</tbody>"+
               "</table>" 
        );
        //初始化日历，使日历由英文转为中文
        AW.initDatetimePicker();
    }

 

 

<form id="QualificationsForm">
    <div class="btn-group" data-toggle="buttons">
        <label οnclick="Qualook()" id="lalal" class="btn btn-primary active">
            <input type="radio" name="options" id="option1" autocomplete="off"
            checked> 查看
        </label> <label οnclick="QuaEdit()" class="btn btn-primary"> <input
            type="radio" name="options" id="option2" autocomplete="off">
            编辑
        </label>
    </div>
    <div>
        <button style="float: right;" type="button" class="btn btn-default"
            οnclick="addDiv()">点击新增</button>
    </div>
    <#if (QualificationsList??) && (QualificationsList?size>0)> <#list
    QualificationsList as QList> <#if QList??> <#assign index =
    QList_index>
    <table class="formtable" id="QuaTable_${index!}"
        style="border-bottom: 1px solid #1682e5; margin-bottom: 35px;">
        <thead>
            <tr>
                <th width="15%"></th>
                <th width="35%"></th>
                <th width="15%"></th>
                <th width="35%"></th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    <div class="sjzx-view-item-line-title sjzx-cal"
                        style="text-align: right">
                        <label style="height: 18px;" for="agvx10000_${index!}"
                            class="text control-label">证件类型 <span style="color: red">*</span><i
                            class="glyphicon glyphicon-exclamation-sign aw-tooltip"></i>
                        </label>
                    </div>
                </td>
                <td>
                    <div class="control-group">
                        <div class="controls" id='agvx10000c_${index!}'>
                            <select id="agvx10000s_${index!}" name="agvx10000"
                                class="aw-codelist chosen-select " aw-codelist="AGVX10000"
                                value="${(QList.agvx10000)!}"></select>
                        </div>
                    </div>
                </td>
            </tr>
             <tr>
                <td colspan="3"><input type="hidden" name="agvx1200"
                    id="agvx1200_${index!}" value="${(QList.agvx1200)!}" /></td>
                <td><div class="QuaDelete" style="text-align: right;"
                        οnclick="DeleteQua('${index!}')">删除</div></td>
            </tr>
        </tbody>
    </table>
    </#if> </#list> </#if> <input type="hidden" name="agvx0300"
        id="agvx0300Qua" /> <input type="hidden" name="azcp0003"
        id="azcp0003Qua" /> <input type="hidden" name="azcp0002"
        id="azcp0002Qua" />
</form>

 

 

// 资质证件类型名称下拉菜单
    function zsinfo(index)
    {
        AW.post( {
            url : pluginPath+"/d/a/zsinfo" ,
            data : {} ,
            success : function( data )
            {
                var obj = eval( "("+data+")" );
                if( obj == null ) ;
                else
                {
                    sys_codelist["AGVX10000"] = [];
                    for( var i = 0 ; i < obj.length ; i ++ )
                    {
                        sys_codelist["AGVX10000"].push( obj[i].AGVX10000 );
                        sys_codelist["AGVX10000"].push( obj[i].AGVX10001 );
                    }
                    $( "#agvx10000s_"+index+"" ).empty();
                    AW.initCodelist( "#agvx10000c_"+index+"" );
                    $( "#agvx10000s_"+index+"" ).trigger( "chosen:updated" );
                }
            
            }
        } );
    }