how to use javascript's onchange for @Html.DropDownListFor

Question

how to use onchange event for @Html.DropDownListFor

@Html.DropDownListFor(model => Tlitem.JobType, (SelectList)newSelectList, new { @class = "form-control js-select js-noFilter hidden", size = "2", @value = 0, Id = "JobType" + t ,@onchange="alert('hello');"});

above code doesn't work

Possible duplicate of [onchange event for html.dropdownlist](https://stackoverflow.com/questions/25056508/onchange-event-for-html-dropdownlist) — SᴇM, Jun 19 '19 at 08:56

score 1 · Accepted Answer · answered Jun 19 '19 at 08:53

1

Where onclick is, just change that to onChange="javascript://whatever function you want()"

for example

@Html.DropDownListFor(model => Tlitem.JobType, (SelectList)newSelectList, new { @class = "form-control js-select js-noFilter hidden", size = "2", @value = 0, Id = "JobType" + t ,@onchange="javascript:onChangeFunction()";

answered Jun 19 '19 at 08:53

JamesS

2,167
1
11
29

1

Man, what a mess. Just to add a simple onChange event. – JustJohn Aug 17 '20 at 21:19

score 1 · Answer 2 · answered Jun 19 '19 at 08:53

1

You can use:

document.getElementById("JobType").addEventListener("change", myFunction);

function myFunction() {

}

or if you're using JQuery:

$("#JobType").change(function() {
});

answered Jun 19 '19 at 08:53

SᴇM

7,024
3
24
41

how to use javascript's onchange for @Html.DropDownListFor

2 Answers2