asp.net mvc ajax

Question

我正在使用 dropdownlist html 帮助程序，并希望在值更改时对服务器执行 ajax 调用。我已经看到jquery代码dropdownlist.change...

我遇到的问题是我有一系列dropdownlist的名称dropdownlist_1，dropdownlist_2，...

我希望能够为每个dropdownlist指定相同的jquery函数。我无法找到在下拉列表 html 帮助器中指定函数名称的方法。

谢谢， 亨利

Answer 1

不要尝试在 HtmlHelper 中指定它，而是将类名添加到每个下拉列表中：

<%=Html.DropDownList("ddlName", new {@class="ajaxDropDown"})%>

或者

<select class="ajaxDropDown" id="ddlOne">
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select>
<select class="ajaxDropDown" id="ddlTwo">
  <option>Red</option>
  <option>Orange</option>
  <option>Blue</option>
</select>

然后使用类名通过 jQuery 连接事件：

$('.ajaxDropDown').change(function() {
  $.get('/test', function(data) {
    ...
  });
});

Answer 2

试试这个：

<%=Html.DropDownList("TopItemsList", ViewData["ListData"], new { @onchange="javascript();" })%> 

你可以调用你想要的函数。