SelectBox mit Mehrfachauswahl wie auf mobile.de

[letslounge]

Hallo,

wie bekomme ich eine Mehrfachauswahl für eine Selectbox hin wie das z.B. auf http://bit.ly/f7qfDP (mobile.de - dort bei z.B. Auswahl des Getriebes).
Also, dass bei einer normalen Selectbox (einzeilig) eine Mehrfachauswahlmöglichkeit besteht.

Es gibt zwar z.B. http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/ für jquery, die mobile.de Lösung finde ich jedoch besser gelöst weil den Orginalelementen ähnlicher.

Wenn jemand was weiss wäre ich dankbar!

Viele Grüße

Michael

 

[Maniac]

Das sieht mir eher nach einer Dialogbox aus, welche einfach diese Checkboxen beinhaltet.
Und beim Klick auf das Select-Feld wird halt die Box geöffnet.

 

[letslounge]

Das sieht mir eher nach einer Dialogbox aus, welche einfach diese Checkboxen beinhaltet.
Und beim Klick auf das Select-Feld wird halt die Box geöffnet.

...naja, Ursprung ist ein select - und daraus wird per JS ein ul mit li und entsprechend checkbox dazu...
nur wie...?

 

[Maniac]

Nicht ganz,

unter dem Select-Feld ist eine ausgeblendete Liste mit diesen mit den Werten. Die ursprüngliche Select-Box mit den Optionen wird nur angezeigt wenn kein JS aktiviert ist, ansonsten wird durch klick auf die SelectBox JS ausgeführt und die versteckte Liste wird hervorgehoben.

 

[letslounge]

Nicht ganz,

unter dem Select-Feld ist eine ausgeblendete Liste mit diesen mit den Werten. Die ursprüngliche Select-Box mit den Optionen wird nur angezeigt wenn kein JS aktiviert ist, ansonsten wird durch klick auf die SelectBox JS ausgeführt und die versteckte Liste wird hervorgehoben.

...gibts da denn kein vorgefertigtes Script - finde einfcah nichts - gerade mit jquery oder ner anderen bib müsste das doch öfters gefragt sein...

 

[Maniac]

Klar geht das mit jQuery,
Das ist nichts anderes als mit

$('#selectBox').click(function(){
    $('#verstecktesDiv').show();
});

 

[letslounge]

Klar geht das mit jQuery,
Das ist nichts anderes als mit

$('#selectBox').click(function(){
    $('#verstecktesDiv').show();
});

DANKe Dir!