MVC ListBox Selected Item to Jquery Load function

Question

I am trying to retrieve multiple selected values from my ListBox in MVC4. Using the code below I can only retrieve the first value and rest of the selected values does not show up in the ActionResult function.

Not sure what's wrong. Would be great if someone can help as I can not find any online posts on this specific issue. Thanks

I have following html, Jquery and c# code:

@Html.ListBoxFor(m=>m.id, Model.Codes)

 $("#ListBoxID").change(function () {
            if ($(this).val() != "") {
                $("#div").load('actionfunction', {
                    data: $('#ListBoxID').val(),
                });
            }
 });

public ActionResult actionFunction(string data)
{
         // code here BUT 
}

PSL · Accepted Answer · 2013-09-20 18:39:45Z

1

Since you expect a string in your action. Stringify the array of values (multi-select returns an array on doing val()):

ie. Try

  $("#div").load('actionfunction', {
                data: JSON.stringify($('#ListBoxID').val()),
  });

Simplify it to :

$("#ListBoxID").change(function () {
    var value = $(this).val();
    if (value) {
        $("#div").load('http://www.google.com', {
            data: JSON.stringify(value),
        });
    }
});

If you expect an array string[] data in your action then you don't need to stringify.

edited Sep 20, 2013 at 18:39

answered Sep 20, 2013 at 18:27

PSL

124k21 gold badges257 silver badges243 bronze badges

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

Collectives™ on Stack Overflow

MVC ListBox Selected Item to Jquery Load function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related