Select2 JavaScriptが変更されないデフォルトから選択

私のAsp.net WebサイトでSelect2 JavaScriptを実装しようとしていますが、試してみてもそれは実装されていないようで、通常どおり選択コントロールが表示されます。私はスクリプトを変更してselect2ウェブサイトの例を見てみましたが、それを得ることはできません。Select2 JavaScriptが変更されないデフォルトから選択

おそらくそのマイナーな何かイム行方不明イム以下、推測は私のコードです：

@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>

出典

2016-11-01 Spitfire5793

ブラウザのコンソールをチェックして、任意のjsのエラーを – Shyju

持っているかどうかを確認ああ、それは、次の言葉：キャッチされない例外TypeError：$（...）SELECT2は、関数（...） – Spitfire5793

あなたのjQueryのセレクタは間違っています！あなたのDOMにhelpという要素はありません。 Id helpの要素があります。ですから、この

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

を試してみてください（#を使用して）

をIDセレクタを使用することができます。また、あなたが適切な順序でスクリプトをロードしていることを確認する必要があります。レイアウトには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(); 

    }); 

}

出典

2016-11-01 17:31:15 Shyju

あなたの先生ではありません、私のヒーローです、どうもありがとう – Spitfire5793

Select2 JavaScriptが変更されないデフォルトから選択

答えて

関連する問題