onchange htmlattribute 不会将模型属性传递给 js 函数

Question

我想从局部视图的下拉列表中获取用户输入，并将其传递给索引页面中的 js 函数，以根据 QuestionType 属性的值过滤掉结果。 因此，视图模型如下所示：

public class TestQuestionModel
    {
        public Guid TestId { get; set; }

        public Guid QuestionId { get; set; }

        public string Id { get; set; }

        public string QuestionType { get; set; }
    }

剃须刀页面中的下拉列表如下所示：

@model ICollection<Lab.Quiz.BL.Services.TestCardService.Models.TestQuestionModel>
...    
@Html.DropDownList("QuestionType", new SelectListItem[]
                {
                    new SelectListItem() {Text = "Single Selection Question", Value = "SingleSelectionQuestion", Selected = true},
                    new SelectListItem() {Text = "Multiple Answers Question", Value = "MultipleAnswerQuestion"},
                    new SelectListItem() {Text = "Open Answer Question", Value = "OpenAnswerQuestion"},
                    new SelectListItem() {Text = "Program Code Question", Value = "ProgramCodeQuestion"}
                },
                    new
                    {
                        onchange = "filterQuestions('{@Model.FirstOrDefault()?.TestId.ToString()}', this.value)"
                    })

索引页面上的功能是这样的：

function filterQuestions(testId, questionType) {
        alert("called");
        $.ajax({
            url: "Home/Filter",
            data: { testId: testId, questionType: questionType },
            type: 'GET',
            dataType: 'html',
            success: function (result) {
                $("#questionsDiv").html(result);
            }
        });

很遗憾，该函数不会被调用。但是，如果我将函数更改为仅接受一个属性，并相应地将函数调用更改为仅包含一个属性 (this.value)，它会按预期工作。 关于如何从@Html.DropdownList 传递它的值以及模型的属性的任何建议？

Answer 1

你可以试试这个，用+...+来拆分数据：

onchange = "filterQuestions("+@Model.FirstOrDefault().TestId.ToString()+", this.value)"

结果：