MVC DropDownList onchange event with value

Question

I'm pretty new to MVC and i'm trying to determine the value of a DropDownList when the value is changed. At the moment the val variable being passed to my javascript function is always 'undefined'. I've googled for the solution and everywhere says to do exactly what i'm doing right now. What am i doing wrong?

cshtml:

@Html.DropDownListFor(m => m.NearestDealers
     , new SelectListItem[] 
     { new SelectListItem() {
               Text = "No nearest dealers", Value = "0"
          },
          new SelectListItem() {
               Text = "1", Value = "1"
          },
          new SelectListItem() {
               Text = "2", Value = "2"
          },
          new SelectListItem() {
               Text = "3", Value = "3"
          } 
      }, new { onchange = "onNearestDealersChange(this.Value);"})

And my javascript:

function onNearestDealersChange(val) {
    if (val == 0) {
        $("#dealer-pools").addClass("hidden");
    } else {
        $("#dealer-pools").removeClass("hidden");
    }
}

Kialandei · Accepted Answer · 2015-12-03 17:30:24Z

2

Try using a lower case 'v' for 'this.Value'

new { onchange = "onNearestDealersChange(this.value);"}

answered Dec 3, 2015 at 17:30

Kialandei

3941 silver badge11 bronze badges

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

Comments

Truong Mai Van · Accepted Answer · 2021-11-21 12:50:50Z

                <td>
                    @Html.DropDownListFor(modelItem => item.donvitinh
                             , new SelectListItem[]
                             {
                                // new SelectListItem() {
                                 //      Text = "No nearest dealers", Value = "0"
                                 // },
                                  new SelectListItem() {
                                       Text = "CS", Value = "CS"
                                  },
                                  new SelectListItem() {
                                       Text = "EA", Value = "EA"
                                  },

                              }, new
                                   {


                                  id = @item.id,

                                  onkeydown = "return  event.keyCode != 13",
                                  onchange = "replaceContentsOfDivupdatedonvi(this.id,this.value);"
                              })

                    @Html.ValidationMessageFor(modelItem => item.donvitinh)

                </td>

May be it help some one

<script>
function replaceContentsOfDivupdatesoluong(iditem, soluong) {
    $.ajax({
        url: '@Url.Action("AddPaialTransferUpdatesoluong", "Home")',
        data: {
            id: "_DetailTransferlist.cshtml",
            soluong: soluong,
            iditem: iditem
        },
        type: "POST",
        success: function(data) {
            $('#placeHolderDiv2').html(data);
        }
    });
}

Collectives™ on Stack Overflow

MVC DropDownList onchange event with value

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related