Was ist die Verwendung von select2 in jquery

In jquery wird select2 verwendet, um die Auswahl zu optimieren, um Einzel- und Mehrfachauswahlen zu unterstützen. Es ist ein Dropdown-Listen-Plug-in, das auf jquery basiert. .select2( )".

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.

Was ist die Verwendung von select2 in jquery?

Select2 ist ein auf JQuery basierendes Dropdown-Listen-Plugin, das hauptsächlich zur Optimierung der Auswahl verwendet wird und auch die Gruppenauswahl unterstützt Anzeige und Listenabruf.

select2 ist eine Komponente, die von Jquery verwendet wird, um das Auswahlfeld zu ersetzen. Es ermöglicht Ihnen die Anpassung von Dropdown-Feldern und unterstützt Suche, Tagging, Remote-Datenquellen, unendliches Scrollen und andere erweiterte Funktionen.

Die Download-Adresse von select2 lautet: https://select2.github.io/. Hier wird die Version select2-4.0.0 verwendet. Nachdem Sie diese Version heruntergeladen haben, entpacken Sie die Datei. Im dist-Verzeichnis befinden sich JS- und CSS-Dateien. Sie müssen auf diese Dateien verweisen, wenn Sie select verwenden.

Führen Sie zuerst das gerade heruntergeladene CSS und JS in das Projekt ein. Bevor wir select2.js einführen, müssen wir zuerst jquery einführen.
Beachten Sie, dass es im heruntergeladenen Ordner „select2“ sowohl komprimierte als auch unkomprimierte Versionen gibt. Sie können sie entsprechend Ihren eigenen Anforderungen importieren. Die komprimierte Version wird hier vorgestellt.

Die Aufrufsyntax lautet wie folgt:

$(function () {
        $("#myselect").select2();//调用插件
        
})

Natürlich müssen wir einige Konfigurationen dafür vornehmen, die als Parameter von select2() in „ $("#myselect").select2() verwendet werden „Durch Objekte können wir beispielsweise die Breite der Auswahl festlegen:

$("#myselect").select2({
      width:160,//设置select标签的宽度
            
});

Empfohlene verwandte Video-Tutorials: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWas ist die Verwendung von select2 in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!