异步绑定下拉框

异步绑定下拉框

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：Adobe JavaScript

作者：陈钰桃

撰写时间：2020年9月17日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

成果图（只有选择了上一个模态框，下面的模态框才会显示内容）

案例：

一、页面代码

1、HTML部分代码

<div class="form-group row">

     <label for="academeID" class="col-3 col-form-label">所属学院：</label>

     <div class="col-9">

          <select class="form-control" id="academeID" οnchange="bindFormSpecialtyAndClass()">

               <option value="0">----请选择----</option>

          </select>

        </div>

     </div>

     <div class="form-group row">

         <label for="specialtyID" class="col-3 col-form-label">所属专业：</label>

         <div class="col-9">

             <select class="form-control" id="specialtyID">

                   <option value="0">----请选择----</option>

            </select>

         </div>

     </div>

     <div class="form-group row">

         <label for="gradeID" class="col-3 col-form-label">所属年级：</label>

         <div class="col-9">

               <select class="form-control" id="gradeID">

                     <option value="0">----请选择----</option>

               </select>

            </div>

       </div>

2、script 代码

//下拉框部分

//学院的下拉框    (根据学院查询属下的年级班级)

//----------------方法二-----------------

//下拉框元素的Id(可以是多个)、下拉框数据的Url、参数、下拉框默认值

//createSelect(selectIds, url, params, defaultValue)  -- 为空的数据可以不填

createSelect(['academeID'], "@Url.Content("~/BaseInfoManage/Class/SelectAcademeForSelect")");