Setting selected value of a Select using JQuery from an MVC model property

Question

I am am filling a dropdown using Ajax

$(document).ready(function() {

    var ID = $("#ID").val();

    fillDropdown(ID); //fills the dropdown via an $.ajax call

    var anotherID = @Model.AnotherID;

    //alert(anotherID);
    $("#AnotherID").val(anotherID); //try to set the selected value

});

The dropdown is defined in the page as:

@Html.DropDownListFor(x => x.AnotherID, Enumerable.Empty<SelectListItem>())

The line to set the selected value of the dropdown is: $("#AnotherID").val(anotherID);

and it only works if I uncomment the alert just above!

Any ideas why?

score 2 · Accepted Answer · answered Jun 13 '13 at 09:31

Ajax calls are asynchronous . You have to set the selected value after the Ajax call completes. The alert is buying you time... That's why it works with the alert. If you are using jquery the add an onsuccess callback and set the selected value within the callback.

Setting selected value of a Select using JQuery from an MVC model property

1 Answers1

Linked