javascript - 如何在 MVC 中将 dropdownlist 的值传递给 onchange 事件？

Question

我尝试使用 MVC，但不知道如何将 dropdownlist 的值传递给 onchange 事件。

@Html.DropDownList("cblist_id", (IEnumerable<SelectListItem>)ViewBag.listproduct, new { size = 5, @class = "form-control", onchange = "GetProduct(" + this.value + ", 123)" })

这是脚本中的函数

 function GetProduct(productid, categoryid) {
////do something
}

我收到示例错误

Compiler Error Message: CS1061: 'ASP._Page_Areas_Users_Views_Permit_GrandPermit_cshtml' does not contain a definition for 'value' and no extension method 'value' accepting a first argument of type 'ASP._Page_Areas_Users_Views_Permit_GrandPermit_cshtml' could be found (are you missing a using directive or an assembly reference?)

所以，当我尝试获取下拉列表的值时，我认为存在问题。

Answer 1

这里的this.value引用了服务器端C#的上下文，需要在JavaScript上绑定(bind)下拉列表的this onchange = "GetProduct(this, 123)"

@Html.DropDownList("cblist_id", (IEnumerable<SelectListItem>)ViewBag.listproduct, new { size = 5, @class = "form-control", onchange = "GetProduct(this, 123)" })

并使用您的函数，GetProduct执行以下操作

function GetProduct(drp, number){
     $(drp).val() 
     //  or
     drp.value
}

还有其他东西可以像这样直接传递值

@Html.DropDownList("cblist_id", (IEnumerable<SelectListItem>)ViewBag.listproduct, new { size = 5, @class = "form-control", onchange = "GetProduct(this.value, 123)" })


function GetProduct(selectedValue, number){

}