Select2 JavaScript nicht ändern Wählen Sie aus dem Standard

Ich versuche, die Select2 JavaScript auf meiner Asp.net-Website zu implementieren, aber egal, was ich versuche es scheint nicht zu implementieren und zeigt nur die Select-Steuerelement, wie es normalerweise tut. Ich habe versucht, meine Skripte zu ändern und die Beispiele auf der select2-Website zu betrachten, aber ich kann es nicht verstehen.Select2 JavaScript nicht ändern Wählen Sie aus dem Standard

Es ist wahrscheinlich etwas kleinere im Erraten im fehlt, unten ist mein Code:

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

Quelle

2016-11-01 Spitfire5793

Ihrem Browser Konsole prüfen und sehen, ob Sie js Fehler haben – Shyju

Ah es sagt der folgende: Uncaught Typeerror:. $ (...) select2 ist keine Funktion (...) – Spitfire5793

Ihre jQuery-Selektor ist falsch! Es gibt kein solches Element namens help in Ihrem DOM. Es gibt ein Element mit der ID help. So können Sie die ID-Auswahl (mit #) verwenden

Versuchen Sie, diese

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

Auch müssen Sie sicherstellen, dass Sie die Skripte in der richtigen Reihenfolge geladen werden. Für Ihr Layout wird ein scripts-Abschnitt definiert, und Sie sollten die Skripts auf Seitenebene nur im selben Abschnitt scripts aufrufen.

Dies sollte funktionieren.

<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(); 

    }); 

}

Quelle

2016-11-01 17:31:15 Shyju

Sie Herr, bist mein Held , Danke vielmals – Spitfire5793

Select2 JavaScript nicht ändern Wählen Sie aus dem Standard

Antwort

Verwandte Themen