Javascript 不能为多个元素使用java脚本

我想在我的MVC项目的同一个视图中为一些DropDownListFor使用javascript Id。但它只对其中一个有效。我需要做什么来解决我的问题

视图中的代码：

@Html.DropDownListFor(model => model.MemberInstance.MemberType_Id, new SelectList(Model.MemberTypeList, "Id", "Title"), new { @id = "demo-select2-1", @class = "form-control" })
@Html.DropDownListFor(model => model.SurgeryInstance.SurgeryType_Id, new SelectList(Model.SurgeryTypeList, "Id", "SurgeryTitle"), new { @id = "demo-select2-1", @class = "form-control" })

---

这只适用于第一个DropDownList for，而不适用于其他元素。

要能够应用于多个元素，您必须使用一个类。在本例中，请选择2demo

选择2

$(".Select2Demo").select2({ placeholder: "Select a member" });

---

首先，我在theme的脚本中找到了id=demo-select2-1的java脚本部分，然后我用新名称重新定义了相同的函数，并在其他DropDownList中使用了新id，用于：

@Html.DropDownListFor(model => model.MemberInstance.MemberType_Id, new SelectList(Model.MemberTypeList, "Id", "Title"), new { @id = "demo-select2-1", @class = "form-control" })
@Html.DropDownListFor(model => model.SurgeryInstance.SurgeryType_Id, new SelectList(Model.SurgeryTypeList, "Id", "SurgeryTitle"), new { @id = "demo-select2-a", @class = "form-control" })

而且java脚本函数也是

function r() {
    var b = a("#demo-select2-1");
    b.select2({
        dir: "rtl"
    })
}

function r1() {
    var b = a("#demo-select2-a");
    b.select2({
        dir: "rtl"
    })
}

我的新功能是

function r() {
    var b = a("#demo-select2-1");
    b.select2({
        dir: "rtl"
    })
}

function r1() {
    var b = a("#demo-select2-a");
    b.select2({
        dir: "rtl"
    })
}

---

我还可以将其用于多个元素，其方法与

用于唯一元素的方法相同。你应该使用一个请描述更多关于使用一个类的信息，这只是一个基于我从你的问题中理解的简单想法。但是你的问题我一点也不清楚。我建议您编辑它，添加一些格式良好的代码，更好地准确解释您的问题，使我们更容易理解。