| 

.NET C# Java Javascript Exception

1
Hallo Profis,

ich habe 2 Auswahlfelder (Selectboxen).
Die Boxen haben eine Höhe (multiple size) von 15 Zeilen.

Ich möchte jetzt gerne von der einen Box eine Zeile markieren und natürlich
währe auch eine mehrfachauswahl noch schöner und per Klick auf einem Button den Inhalt in die zweite Box übertragen.

In der zweiten Box möchte ich gerne den Inhalt per Button löschen können oder mit einem HOCH und RUNTER Button die zeilen bewegen (sortieren) können.

Wer kann mir hier weiterhelfen?

Vielen Dank!
Jasi
24.04.2010
jasi 149 1 1 5
3 Antworten
1
Ich geb hier mal nur ein paar Hinweise, weil die 'Frage' für kompletten Code dann doch zu unspezifisch ist ;)
Ich gehe mal davon aus, dass Deine Boxen die IDs s1 und s2 haben.
Der Button s1 -> s2 hat die ID btn.

Mehrfachauswahl in Select: STRG + Click...das ist 'Stansard'
Per jQuery (bsp):
$('#s1 option:eq(0), #s1 option:eq(3)').attr('selected','selected');


Verschieben von s1 nach s2:
$('#s1 option[selected]').remove().appendTo('#s2');


Löschen von options:
$('#s2 option[selected]').remove();


Hoch und runter (bin mir hier nicht ganz sicher):
$('#s2 option[selected]').before($('#s2 option[selected]').prev());
$('#s2 option[selected]').after($('#s2 option[selected]').next());
24.04.2010
DaSpors 4,1k 1 8
Vielen Dank aber leider hat nichts funktioniert. Habe den Boxen die ID´s s1 und s2 gegeben und den buttons die ID btn (wo auch immer diese im jQuery Code abgefragt wird) ?
jasi 26.04.2010
Garnicht! Der Quellcode den er dir gepostet hat verschiebt nur die Elemente. Aufrufen musst du ihn selber. Quick and dirty:

function fnBtn(){
$('#s1 option[selected]').remove().appendTo('#s2');
}
<input type="button" onclick="javascript:fnBtn();" value="Test-Script-Starten">
Floyd 26.04.2010
1
Habe jetzt was passendes gefunden - trotzdem vielen Dank an alle Helfer!

Wer Interesse hat kann hier nachsehen:

jQuery multiselect2Side
27.04.2010
jasi 149 1 1 5
1
Hallo,

ich musste dieses auch vor Kurzem realisieren und habe eine schöne, schlanke jQuery-Lösung in meinem Blog veröffentlicht.

Martin
12.08.2010
Martin Abraham 11 1

Stelle deine Javascript-Frage jetzt!