通过javascript ASP.NET MVC下拉列表调用按钮

Question

我想通过JavaScript函数调用HTML按钮，该函数响应下拉列表更改。但由于某种原因，它找不到正确的身份证。

@using (Ajax.BeginForm("GetReport", "Choices",
  new AjaxOptions() {
    InsertionMode = InsertionMode.Replace,
    HttpMethod = "GET",
    UpdateTargetId = "reportResults",
  }
)) {
  @Html.DropDownList("q",(IEnumerable<SelectListItem>)ViewData["YearTermList"], htmlAttributes: new { @class = "form-control" })
  <br />
  @Html.DropDownList("ChartList", null, htmlAttributes: new { @class = "form-control" })
  <br />
  <input type="submit" style="display:none" id="ShowList" value="Search"/>
}

<script type="text/javascript">
  $(document).ready(function () {
    $("#YearTermList").change(function () {
      $("#ShowList").click();
    });
  });
</script>

JavaScript函数不会在下拉列表更改中提交按钮。

Answer 1

选择器$("#YearTermList")找不到任何内容，因为标记中没有id YearTermList。

您应该在要添加侦听器的位置添加id="YearTermList"，或者将侦听器的选择器从#YearTermList更改为#q，#ChartList或其他。