하나 이상의 요소에 대해 Java 스크립트가 작동하지 않습니다.

Question

내 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 아니라 다른 사람을 위해 일이.

Answer 1

을하는 클래스를 사용해야합니다 여러 가지 요소에 적용 할 수 있으려면 먼저 내가 ID = "데모 select2-와 자바 스크립트 부분을 발견 1 "테마의 스크립트에서 다음 새 이름과 동일한 기능을 재정의하고 다른 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" }) 

또한 자바 스크립트 기능이

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

이고 나의 새로운 기능도

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

내가 같은 방법으로

Answer 2

것은 당신이이 경우 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"}) 

에 Selct2

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