将一个dropdown的selectedindex作为同一个razor视图上第二个dropdown的mvc参数传递

Question

我有以下下拉列表：

<select id="coursedd" name="courseid" style="height:40px; font-size:18px;">
      <option value="0" id ="defaultcid" class ="choosefilter" >----Please Select Course----</option>
      @foreach (var course in Model.GetCourseList())
      {
        <option value="@course.CourseID" id ="courseid" class ="choosefilter" >@course.Name </option>
      }
      </select>

当从这个下拉列表中选择了一些东西时，我想用与第一个下拉列表中所选项目相关的信息填充第二个下拉列表。如何检索第一个dropdowns选定索引的值并将其传递给GetCourseSectionByCourseID()方法，如下所示：

<select id="coursesectiondd" name="coursesectionid" style="height:40px; font-size:18px;">
      <option value="null" id ="defaultcs" class ="choosefilter" >----Please Select Course Section----</option>
      @foreach (var courseSection in Model.GetCourseSectionsByCourseID(**??**))
      {
        <option value="@courseSection.CourseSectionID" id ="coursesectionid" class ="choosefilter" >@courseSection.Title </option>
      }
      </select>

Answer 1

您需要一个级联下拉插件，或者滚动自己的插件并在第一个下拉列表发生变化时执行get，或者使用如下所示的插件

http://www.ryanmwright.com/2010/10/13/cascading-drop-down-in-jquery/