Question

I have follwoing code

@Html.DropDownList("optionsforuser", new SelectList(new[] { "Option1", "Option2" }), "Select")

Now i want to call a method from controller passing it whatever option user has selected. Any ideas how this could be done?

Answer 1

Since MVC 3 comes with jQuery as it’s javascript library of choice, you could do the following for a full page post:

$('optionsforuser').on('change', function() {
  $(this).closest('form').submit();
});

Or if you wish to go asynchronous:

$('optionsforuser').on('change', function() {
  var form = $(this).closest('form');
  $.post('urihere', form.serialize());
});

Update

Or asynchronous with a callback on complete:

Or if you wish to go asynchronous:

$('optionsforuser').on('change', function() {
  var form = $(this).closest('form');
  $.ajax({
    type: 'POST',
    url: 'urlHere',
    data: form.serialize(),
    complete: function(jqXHR, textStatus) {
      // Your callback code here
    }
  });
});