Dropdown bind onchange method in Razor

Question

I have the following dropdown. How can I bind the OnChange method to it?.

I am using Code first MVC approach. Also, how can I get the index value when binding on change method to it?

 <div class="editor-label">
     @Html.LabelFor(model => model.Id, "Empl")
 </div>
 <div class="editor-field">
     @Html.DropDownList("Id", String.Empty)
     @Html.ValidationMessageFor(model => model.Id)
 </div>

score 2 · Accepted Answer · edited May 23 '17 at 10:25

2

You can use JQuery to bind on change and then get the index then .

Something like this should take care of it..

edited May 23 '17 at 10:25

Community

1
1

answered Aug 28 '14 at 18:47

Burak Karakuş

1,368
5
20
43

this needs id of the dropdown , but i dont have id – Jot Dhaliwal Aug 28 '14 at 18:50
1

"Id" is the id of the dropdown? First argument of Html.DropDownList is id. You can access its value by writing `$("#Id").val()`. – Burak Karakuş Aug 28 '14 at 18:57
1

yes done...tnhnx alot man $('#Id').change(function () { var a = $("#Id").val(); – Jot Dhaliwal Aug 28 '14 at 19:13
Can you please tell me , how can i write "Select City" over my DropDown..As per now my drop Down is blank – Jot Dhaliwal Aug 29 '14 at 11:48
As far as I know, the 3rd argument of Html.DropdownList specifies the default text. So you should write something like this: `Html.DropdownList("Id", String.Empty, "Select City")` – Burak Karakuş Aug 29 '14 at 13:43
You knowledge of MVC in Asp.net actualy i was stucked with dropdowns , can you provide me help – Jot Dhaliwal Aug 29 '14 at 13:48
2nd argument must be a selectlist, you don't provide a list to dropdown. – Burak Karakuş Aug 29 '14 at 13:51
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/60236/discussion-between-jot-dhaliwal-and-burak-karakus). – Jot Dhaliwal Aug 29 '14 at 13:52
burak plz come in chat rooom – Jot Dhaliwal Aug 29 '14 at 13:53

score 0 · Answer 2 · answered Aug 28 '14 at 18:59

0

@Html.DropDownList("Id", Enumerable.Empty<SelectListItem>(), new { onchange = "changeFunction()" })

That's assuming you want a blank list.

answered Aug 28 '14 at 18:59

jhayden

1

My drop down are showing values from database, they are not empty – Jot Dhaliwal Aug 28 '14 at 19:03

Dropdown bind onchange method in Razor

2 Answers2