CODEWITHSUNDEEP
c#asp.net-mvc
Flufy
Flufy

Reputation: 319

grab selected item from DropDownList

I'm trying to grab the value of the selected item from DropDownListFor and pass it as parameter.

my code looks like:

@Html.DropDownListFor(x => x.SelectedFileName, 
                      Model.Files, 
                      new 
                      { 
                       Name = "map", 
                       @class = "form-control", 
                       @onchange = "CallChangefunc('TheSelectedItemAsString');" 
                      })

I mean I'm foucoced on this: @onchange = "CallChangefunc('TheSelectedItemAsString');"

I need something like: @onchange = "CallChangefunc('"+x.Value+"');"

The CallChangefunc looks like:

<script>
function CallChangefunc(x) {
 //some code
}
</script>

Upvotes: 1

Views: 72

Answers (2)

Hossein
Hossein

Reputation: 3113

Try like this in Jquery:

$("#map").change(function () {
    var selectedValue = this.value; 
    alert("Selected Value: " + selectedValue);
});

or in javascript

@onchange = "CallChangefunc(this);

And get value of dropdownlist in CallChangefunc function

 function CallChangefunc(ddl) {
    var selectedValue = ddl.value;
    alert("Selected Value: " + selectedValue);
}

Upvotes: 2

Sumit raj
Sumit raj

Reputation: 831

Replace your dropdown with this code

@Html.DropDownListFor(x => x.SelectedFileName, 
                      Model.Files, 
                      new 
                      { 
                       @class = "form-control somevalue" 
                      })

and then write jquery for this like

<script>
 var selectedDropDownValue;
 $(document).on('change', "select.somevalue", function () {
    selectedDropDownValue = $(this).val();
 });
</script>

Upvotes: 0

Related Questions