Initialize Javascript Select2 controler mit HTML5-Daten-Attribute

-1

Ich versuche, select2 library zu verwalten, um die Fähigkeiten der Einheimischen zu erhöhen, wählen Sie HTML-Steuerelemente.Initialize Javascript Select2 controler mit HTML5-Daten-Attribute

Laut der offiziellen Dokumentation (sehr komprimiert) heißt es, dass für die Verwendung von select2 müssen Sie nur sie CSS-und Javascript-Dateien herunterladen, und das ist (und auch impliziert, dass Sie Jquery benötigen).

Also, es gibt eine Möglichkeit der Initialisierung mit HTML5 data attributes ... aber ich bekomme es nicht, ich versuche, ihrem Beispiel zu folgen .... Perpahs ich vermisse einige wichtige Notiz hier ... hoffe jemand kann mir dabei helfen.

Hier ist die HTML i

<!DOCTYPE html> 
<html> 

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

    <body> 
    <h1>Hello Select2</h1> 
    <div> 
     <select multiple id="a_select" data-tags="true" data-placeholder="Select an option" data-allow-clear="true" style="width:100%"> 
     <option value="AL">Alabama</option> 
     <option value="WY">Wyoming</option> 
     </select> 
    </div> 

    </body> 

</html>

auch ein Link zu Plunker zu tun versuchen, bereit, ein anschauliches Beispiel zu haben, zu gehen. https://plnkr.co/edit/Xk101K3sowAYQwbRCFez?p=preview

Danke.

P.D: Ich kann das gewünschte Ergebnis dachte Javascript, aber ist ziemlich ärgerlich zu wissen, was nicht funktioniert, wenn ich nur das Beispiel auf der offiziellen Website folgte.

Quelle

2016-09-19 Victor

warum downvote ....? – Victor

Sie sind nicht Select2 überall Initialisieren ... data-* Attribute können Sie Standardkonfiguration außer Kraft setzen, aber Sie müssen noch das Plugin zum Auftakt:

<script>$('select').select2();</script>

https://plnkr.co/edit/RPObSPVl8jlZgtedsK38?p=preview

Quelle

2016-09-19 16:09:08

Okey, ich sehe, das ist funktioniert ... aber die Dokumentation ist nicht spezifisch, dass Sie Javascript verwenden müssen. – Victor

[Ja, es tut] (https://select2.github.io/). Ganz zu schweigen von [jedem einzelnen Beispiel] (https://select2.github.io/examples.html). –

Entschuldigung Adnré, aber es sagt nicht, dass im Beispiel explizite, also implizite Informationen, die Sie sagen können .... Sie müssen mich entschuldigen, aber mit anderen Frameworks arbeiten Sie entdecken, dass tatsächlich möglich ist, das gewünschte zu archivieren Effekte dachte html5 Datenattribute wie mit Javascript. Zum Beispiel: https://bootstrap-datepicker.readthedocs.io/en/latest/. In ein paar Tagen, schätze ich, wird es niemandem schaden, die Dokumentation zu vervollständigen. Das ist ein Thema, aber ich habe wieder einen Punkt. Nimm es oder nicht, liegt ganz bei dir. – Victor

Initialize Javascript Select2 controler mit HTML5-Daten-Attribute

Antwort

Verwandte Themen