Markieren Sie ein kleines Problem, das mit der Verwendung von Bootstrap SelectPicker aufgetaucht ist, und verwenden Sie es, wenn Sie den Fehler beim nächsten Überprüfen des Fehlers überprüfen
$ ('. SelectPicker'). SelectPicker ('Val', 'Musstard'); // Single-Select $ ('. SelectPicker'). SelectPicker ('Val', ['Musstard', 'Relish']); // multiple-select $ ('.'. SelectPicker '). kann das Display aktualisierenMarkieren Sie die Frage: Der Set Val muss der Wertwert in der Option sein, und wenn der Name verwendet wird, warum wirkt sich nicht wirksam?
PS: Verschönerung auswählen (Bootstrap)
Dateien, die eingeführt werden müssen:
Bootstrap-combiniert.min.css
Bootstrap-Select.css
Bootstrap-Select.js
Sowie mehrere häufig verwendete BootStarp -Dateien wie Bootstrap.min.js
erreichen:
1. Fügen Sie die Klasse oder ID im <Select> -Tag hinzu. Es wird empfohlen, die Klasse hinzuzufügen, da die Klasse wiederholt werden kann.
2. In der JS -Datei Initialisierungsmethode hinzufügen:
initfnc: function () {$ (". SELECTPICKER"). SELECTPICKER ({nicht ausgewählte text: 'please select'});};Das Aufrufen dieser Methode während der externen Initialisierung ist in Ordnung!
Das Bild unten ist verschönert: Es ist nicht sehr gut, aber ich denke, es ist viel besser als zuvor!
Mit diesem Verschönerungs -Plugin gibt es jedoch mehrere Probleme:
Eigentlich gibt es nicht viele, aber ich denke, dieses Problem ist sehr schwierig. Nachdem diese Methode verwendet wird, um sie zu verschönern, wird das dynamisch zugewiesene <Select> angezeigt. Ich denke, es sollte so sein: Bootstrap-Select.js zeigt <auswählen> ohne Option 'Bitte eingeben' an, damit die dynamisch zugewiesene Option nicht eingeschrieben werden kann! Wenn nicht ausgewählte Texte: "Bitte auswählen" behoben werden kann, sollte dieses Problem gelöst werden!
Nach mehreren Stunden Nachforschungen wurde das Problem gefunden, aber nur einer von ihnen wurde gelöst;
Wenn Sie JS einrufen, müssen Sie warten, bis die Option in der Auswahl auf der Oberfläche vor dem Aufrufen geladen ist
initfnc: function () {$ (". SELECTPICKER"). SELECTPICKER ({nicht ausgewählte text: 'please select'});};Auf diese Weise kann auch die dynamische Auswahlzuweisung verschönern, aber es gibt immer noch ein Problem: Nicht jede Auswahl auf der Seite kann alle geladen werden, wenn die Seite initialisiert wird. Beispielsweise gibt es jetzt zwei verknüpfte Auswahloptionen, dh die Option des zweiten Auswahl muss sich entsprechend dem ersten ändern und die Überwachung der Ein- oder Änderung in JS hinzufügen. Wenn es so verschönern, wird es Probleme geben!
Das obige ist das relevante Wissen über Bootstrap SelectPicker, das Ihnen vom Editor vorgestellt wurde. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!