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

Question

我想通过对下拉列表更改做出响应的JavaScript函数来调用HTML按钮。 但是由于某种原因，它找不到正确的ID。

@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或其他。