asp.net mvc ajax

Question

I'm using the dropdownlist html helper and would like to perform an ajax call to the server when the value changes. I have seen the jquery code dropdownlist.change...

The problem I have is that I have a series of dropdownlist's name dropdownlist_1, dropdownlist_2, ...

I would like to be able to specify the same jquery function for each of these dropdownlist's. I have not been able to find a way to specify the function name in the dropdownlist html helper.

Thanks, Henry

Peter J · Accepted Answer · 2010-06-15 19:53:04Z

1

Instead of attempting to specify it in the HtmlHelper, add a class name to each of your dropdown lists:

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

or

<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>

Then use the classname to hook up the event via jQuery:

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

answered Jun 15, 2010 at 19:53

Peter J

57.9k8 gold badges40 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

moi_meme · Accepted Answer · 2010-06-15 19:54:27Z

0

try this:

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

you can call the function you want.

answered Jun 15, 2010 at 19:54

moi_meme

9,3474 gold badges48 silver badges65 bronze badges

Collectives™ on Stack Overflow

asp.net mvc ajax

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related