对多个元素不起作用的 java 脚本答案

【问题标题】：Does not work java script for more than one element对多个元素不起作用的 java 脚本
【发布时间】：2017-06-27 17:33:49
【问题描述】：

我想在我的 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" })

这仅适用于第一个 DropDownListFor 而不是其他的。

【问题讨论】：

Id 用于独特的元素。你应该使用class
请描述更多关于使用类
根据我从您的问题中了解到的情况，这只是一个简单的想法。但你的问题对我来说根本不清楚。我建议您编辑它添加一些（格式良好的）代码并更好地准确解释您的问题，以便我们更容易理解。

标签： javascript c# jquery asp.net-mvc

【解决方案1】：

为了能够应用于多个元素，您必须在这种情况下使用一个类Select2Demo

@Html.DropDownListFor(m=>m.First,new SelectList(Model.MemberTypeList, "Id", "Title"), new {@class="Select2Demo"} )

@Html.DropDownListFor(m=>m.Second,new SelectList(Model.MemberTypeList, "Id", "Title"), new {@class="Select2Demo"} )

@Html.DropDownListFor(m=>m.Third,new SelectList(Model.MemberTypeList, "Id", "Title"), new {@class="Select2Demo"} )

选择2

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

【讨论】：

【解决方案2】：

首先我在主题脚本中找到了 id = "demo-select2-1" 的 java 脚本部分，然后我用新名称重新定义了相同的函数，并在其他 DropDownListFor 中使用了新 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"
    })
}

我也可以用相同的方式将它用于多个元素

【讨论】：