Using ASP .NET MVC 2, Html.DropDownListFor - how to call a JQuery function on select?

Question

I'm using DropDownListFor in my view:

<%: Html.DropDownListFor(model => model.Type, 
                        new SelectList(ComponentsFactory.GetTypeList().Select(a => new { Name = Regex.Replace(a, @"^.*\.", ""), Value = a }).OrderBy(a => a.Name),
                            "Value", "Name", Model.Type), "Select . . .", null) %>

I also have a JQuery function in a .js scripts file that is already included in my header and everything:

function GetRequiredFields(type) 
{
...//do JQuery AJAX stuff
}

I want to call "GetRequiredFields" with parameter "type" as the value of the selected item on select, and use it to update a 'div' named "RequiredFields". How can I do this? Do I need to use something other than Html.DropDownListFor?

Meligy · Accepted Answer · 2011-03-03 01:11:09Z

1

$(function(){
   $('#Type').change(function(){GetRequiredFields( $(this).val() );});
});

answered Mar 3, 2011 at 1:11

Meligy

36.7k11 gold badges90 silver badges114 bronze badges

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

Comments

rob waminal · Accepted Answer · 2011-03-03 01:12:56Z

0

try this

<%: Html.DropDownListFor(model => model.Type, 
                    new SelectList(ComponentsFactory.GetTypeList().Select(a => new { Name = Regex.Replace(a, @"^.*\.", ""), Value = a }).OrderBy(a => a.Name),
                        "Value", "Name", Model.Type), "Select . . .", new { @onchange = "GetRequiredFields(this);" }) %>

The above new { @onchange = "GetRequiredFields(this);" } will create a new attribute onchange for the generated <select>.

and in your GetRequiredFields() add this

function GetRequiredFields(type) 
{
    var selectedValue = $(type).val();
    ...//do JQuery AJAX stuff
}

answered Mar 3, 2011 at 1:12

rob waminal

18.5k18 gold badges53 silver badges65 bronze badges

Collectives™ on Stack Overflow

Using ASP .NET MVC 2, Html.DropDownListFor - how to call a JQuery function on select?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related