Как установить выбранное значение dropdownlist в jquery

Question

Я использую htmlhelper dropdownlist с Razor и устанавливаю его значение s по jquery. он не работает.

@Html.DropDownList("Gendar", new List<SelectListItem> { 
    new SelectListItem { Text="Are You Male or Female", Value="Are You Male or Female" }, 
    new SelectListItem { Text="Male", Value="male" }, 
    new SelectListItem { Text="Female", Value="female" } 
}, new { @class = "form-control" } 


<script> 
    ($(this).attr("data-Gendar") == "Male" ? $("#Gendar[value='male']").prop("selected", true) : $("#Gendar[value ='female']").prop("selected", true)); 
</script> 

Answer 1

set on change event, like: 
    @Html.DropDownList("Gendar", new List<SelectListItem> 
           { 
           new SelectListItem { Text="Are You Male or Female", Value="Are You Male or Female" }, 
           new SelectListItem { Text="Male", Value="male" }, 
           new SelectListItem { Text="Female", Value="female" } 
           }, new { onchange = "onChange(this)" }) 

//js 
<script> 
    function onChange(e) { 
     (e.value == "male" ? $("#Gendar[value='male']").prop("selected", true) : $("#Gendar[value ='female']").prop("selected", true)); 
    } 
</script> 

Answer 2

Я думаю, что ваш код должен спать выполняется, когда документ будет готов и страница полностью загружена

попробовать это

<script> 
(function() { 
    ($(this).attr("data-Gendar") === "Male" ? $("#Gendar[value='male']").prop("selected", true) : $("#Gendar[value ='female']").prop("selected", true)); 
}());