XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   Javascript & Ajax (http://xhtmlforum.de/forumdisplay.php?f=83)
-   -   2x select boxen sollen option tauchen.(Javascript) (http://xhtmlforum.de/showthread.php?t=59652)

Don Roberto 28.12.2009 13:00

2x select boxen sollen option tauchen.(Javascript)
 
Hallo

Bis jetzt werden nur die Werte getaucht die sich in der value="" befinden.
Geht das auch das die Inhalte in der <option>option X</option> befinden zu tauchen.!?

Danke für eure Hilfe.

Gruß Roberto

Code:

<script type="text/javascript">
function dazu()
        {
                NeuerEintrag = new Option
                (
                        document.Testform.box1.value,
                        document.Testform.box1.value,
                        false,
                        true
                );
                document.Testform.box2.options[document.Testform.box2.length] = NeuerEintrag;
                document.Testform.box1.value = "";
               
                document.Testform.box1.options[document.Testform.box1.length - 1] = null;
        }

function weg()
        {
                NeuerEintrag = new Option
                (
                        document.Testform.box2.value,
                        document.Testform.box2.value,
                        false,
                        true
                );
                document.Testform.box1.options[document.Testform.box1.length] = NeuerEintrag;
                document.Testform.box2.value = "";
               
                document.Testform.box2.options[document.Testform.box2.length - 1] = null;
        }
</script>

<form name="Testform" action="">
<table width="100%" border="0"><tr><td width="50%">

<fieldset><legend>Box 1</legend>


<select name="box1" size="9">
<option value="1">option 1</option>
<option value="2">option 2</option>
<option value="3">option 3</option>
<option value="4">option 4</option>
<option value="5">option 5</option>
</select>


</fieldset></td><td><fieldset><legend>Box 2</legend>


<select name="box2" size="9">
<option value="6">option 6</option>
<option value="7">option 7</option>
<option value="8">option 8</option>
<option value="9">option 9</option>
</select>


</fieldset></td></tr></table><br />
<input type="button" value="<<" onclick="weg()"> <input type="button" value=">>" onclick="dazu()"><br />
<br />

</form>


protonenbeschleuniger 28.12.2009 14:13

Du machst es dir unnötig kompliziert. Es reicht eine Funktion mit den richtigen Parametern:
Code:

function dazu(box1, box2) {
        var idx = box1.selectedIndex;
        if(idx < 0) return;
        box2.options[box2.length] = new Option(
                box1.options[idx].text,
                box1.options[idx].value,
                false,
                true
        );
        box1.options[idx] = null;
}

und der Aufruf sieht dann bei dir so aus:
HTML-Code:

<input type="button" value="<<" onclick="dazu(document.Testform.box2, document.Testform.box1)">
<input type="button" value=">>" onclick="dazu(document.Testform.box1, document.Testform.box2)"><br />


Don Roberto 28.12.2009 15:24

Hey Super das ist genau das was ich gesucht habe.!!
Vielen Dank @protonenbeschleuniger

Boris 28.12.2009 21:14

Ähm ... was ist denn tauchen? Oder ist tauschen gemeint?

Don Roberto 28.12.2009 22:01

Zitat:

Zitat von Boris (Beitrag 454334)
Ähm ... was ist denn tauchen? Oder ist tauschen gemeint?

Ja das ist Südwest deutsch das spricht man hier im Grenzgebirge Deutschland Frankreich Luxemburg. :D


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:52 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023