2016-12-14 1 views
0

Ich benutze Bootstrap Multi-Select-Plugin. Benutzte dieses Plugin für Multi-Select-Dropdwns und wendete dasselbe für einzelne Select-Dropdowns für UI-Konsistenz an. Für Mehrfachauswahl Dropdown-Listen, bewarb ich mich, wie untenBootstrap Multiselect - Einzelauswahl ohne Optionsfeld

$('#ListBox').multiselect({ 
       nonSelectedText: 'Select Option' 
      }); 

Es erstellt, Kontrollkästchen in der Dropdown-Liste und in der Lage mehrere Optionen auszuwählen.

und Einzel wählen Dropdown wie unten angewendet,

$('#DropDownList').multiselect({ 
       nonSelectedText: 'Select Option', 
       multiple: false     
      }); 

Dieses erzeugt in der Drop-Down-Radio-Button, aber ich möchte nicht auf das Optionsfeld, und es sollte funktioniert wie normale Dropdown sein.

Gibt es eine Option zum Erstellen der einzelnen Dropdown-Auswahl ohne Optionsfeld.

+0

Das 'mehr: false' bedeutet, dass Sie nur einzelne Option müssen ausgewählt werden. In diesem Fall können Sie ein einfaches HTML-Kombinationsfeld verwenden. – Sid

+0

Hallo Sid, ja, Sie sind Ritus. aber ich möchte die Benutzeroberfläche ähnlich der Multiselect-Dropdown-Liste. Deshalb habe ich es so versucht. Darüber hinaus sollte dies auch in IE 8 funktionieren. – Karthikeyan

Antwort

1

Bitte fügen Sie den folgenden CSS-Code und überprüfen

.dropdown-menu label.radio input[type=radio]{ 
    visibility: hidden; 
} 
.dropdown-menu label.radio{ 
    padding-left:10px; 
} 
+0

Also im Grunde schlagen Sie vor, Multiselect-Plugin nicht zu verwenden und stattdessen den regulären zu verwenden? – Sid

+0

Nur für die UI-Konsistenz habe ich Multiselect-Plugin für Single Select verwendet. – Karthikeyan

+0

Gibt es eine andere Möglichkeit, die Benutzeroberfläche als Multiselect-Dropdown zu erstellen? – Karthikeyan

Verwandte Themen