How to get aspnet mvc DropDownList item with jQuery

Question

I was trying to get a text from the DropdownList like that :

$('#test option:selected').text()

But not working.

 <div class="col-md-10">
     @Html.DropDownList("Percentage", new SelectList(items, new { @class = "form-control", @id = "test" }))
 </div>

And de Js file:

$(document).ready(function () {

$("#test").change(function () {
    var result = $("#test option:selected").text();
    alert(result)     
});

but still, nothing.

KevinLamb · Accepted Answer · 2019-11-28 18:32:35Z

1

You will need to fix your DropDownList. Right now you have your dropdown attributes mixed with your SelectList.

 <div class="col-md-10">
     @Html.DropDownList("Percentage", new SelectList(items), new { @class = "form-control", @id = "test" })
 </div>

answered Nov 28, 2019 at 18:32

KevinLamb

6448 silver badges18 bronze badges

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

1 Answer 1