2016-11-01 2 views
0

내 Asp.net 웹 사이트에서 Select2 JavaScript를 구현하려하지만 시도한대로 구현되지 않는 것처럼 보이고 정상적으로 수행되는 것처럼 선택 컨트롤이 표시됩니다. 나는 스크립트를 변경하고 select2 웹 사이트의 예제를 보았지만 시도 할 수 없다.Select2 JavaScript not changing 기본값으로 선택

@model AssignerWebTool.Models.CreateUserModel 
@{ 
ViewBag.Title = "Create User"; 
} 
<head> 
<title></title> 

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> 
<link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet" /> 
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script> 
</head> 

<body> 
<script type="text/javascript"> 
$(document).ready(function() { 
$("help").select2(); 
}); 
</script> 

<select id="help" class="help"> 
    <option value="AL">Alabama</option> 
    <option value="WY">Wyoming</option> 
</select> 
</body> 
+0

브라우저 콘솔을 확인하고 당신이 어떤 JS 오류 – Shyju

+0

아는 다음 말한다이 있는지 여부를 확인 : catch되지 않은 형식 오류 :. $ (...)를 선택 2 함수 (...) – Spitfire5793

답변

0

귀하의 jQuery 선택이 잘못 :

그것의 사소한 인스턴트 메신저 추측 실종 아마도 뭔가, 아래에있는 내 코드입니다! DOM에는 help이라는 요소가 없습니다. Id가 help 인 요소가 있습니다. 그래서 당신은 (# 사용) 아이디 선택기를 사용할 수 있습니다

당신은 당신이 올바른 순서로 스크립트를로드 있는지 확인해야합니다 또한이

$(document).ready(function() { 
    $("#help").select2(); 
}); 

을보십시오. 레이아웃에는 scripts 섹션이 정의되어 있으며 동일한 scripts 섹션에서만 페이지 레벨 스크립트를 호출해야합니다.

이렇게하면됩니다.

<select id="help" class="help"> 
    <option value="AL">Alabama</option> 
    <option value="WY">Wyoming</option> 
</select> 

@section scripts 
{ 
    <script src="//code.jquery.com/jquery-1.11.3.min.js"></script> 
    <link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet" /> 
    <script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script> 
    $(function() { 

    $("#help").select2(); 

    }); 

} 
+1

당신의 선생님 아니라, 나의 영웅입니다 고마워. – Spitfire5793