Mvc dropdownlist - record change event without binding event handler

Question

I know that I can associate a change event with html.dropdownlist in mvc, as shown below:

$('#ddList').change(function() { var value = $(this).val(); }); 

However, is there a way I can do it more like

  <%=Html.DropDownList("ddList", Model.dropDown, new { @class = "Ddl", change = "ddListChange" })%> 

js below:

 function ddListChange() { alert("test"); } 

Also, is another approach more preferable than another?

Answer 1

Yes, you were close, since the onchange attribute was what you were looking for.

<%= Html.DropDownList("ddList", Model.dropDown, new { @class = "Ddl", onchange = "ddListChange" }) %>

jQuery skips part of the on names of event names in its methods / parameters for events, for example. .click(...) / .bind('click',..) matches the onClick attribute.

Binding event handlers using javascript is the preferred way. Just as you split the style into separate CSS files, you extract the scripts into your own script files. This allows the HTML file to be cleaner and easier to read, in addition to emphasizing censorship and what your scripts do. It will also simplify your page with grace (work even if scripts are not included).

Here is one article on the issue