[JS-HTML] Multiple select van de een naar de ander

[bluesbrother]

Shoot me lek !
Ik ben niet zo heel erg thuis in JS dus dat zal de reden wel zijn.
Ik heb 2 multiple select boxen waar de waardes van de een naar de ander, via een button moeten worden overgeheveld, als de gebruiker daar op klikt. Als de gebruiker klaar is slaat deze de waarden op, in een mysql database.

Eerst had ik een probleem dat de Array niet aankwam in PHP maar dat heb ik dankzij de onderstaande draadjes op kunnen lossen. Om kort te gaan: [] is de sleutel.

draadje 1

draadje 2

Maar nu heb ik het volgende probleem. De gebruiker kan meerdere items selecteren en dan op de knop drukken. Dan werden de waarden van de ene box naar de andere overgeheveld. Nu kan je nog wel meerdere waarden selecteren, maar je moet voor elk item dat je geselecteerd hebt op de knop blijven drukken tot ze allemaal in de andere select staan. Voor de aanpassing kon dat in één keer.

Javascript:

code:

function MoveOption(fromID, toID){
    // alert("ik doe het");
    
    var i = document.getElementById( fromID ).selectedIndex;
    var o = document.getElementById( fromID ).options[ i ];
    var theOpt = new Option( o.text, o.value, false, false );

    document.getElementById( toID ).options[document.getElementById( toID ).options.length] = theOpt;

    document.getElementById( fromID ).options[ i ] = null;

}

HTML:

code:

<form id="form2" name="form2" method="" action="">

<select name="adressen[]" size="15" id="adressen" multiple="multiple" class="AldoTest">
              <option value="1">Adres 1</option>
              <option value="2">Adres 2</option>
</select>

<input type="button" name="VoegToe" id="VoegToe" value="&gt;&gt;" onclick="MoveOption('adressen[]', 'groepen[]')" />

<select name="groepen[]" size="15" multiple="multiple" class="AldoTest">
          </select>

en nog voor het opslaan:

code:

<input type="submit" name="doehet" id="doehet" value="DoeHet" onclick=""/>

Niet helemaal van toepassing voor de vraag maar toch (onderstaande werkt dus wel):

code:

    if (isset($_POST['doehet'])){


    foreach($_POST['adressen'] as $value) {
        
          echo "<br />waarden: " . $value;
          
    }
    
}

HIER een draadje van het script in actie.
(Als het opgelost is haal ik het weer weg.)

[Noork]

In Opera en Firefox werkt het hele overhevel gebeuren niet goed. Dat zou ik eerst maar eens fixen. Zijn er niet tig voorbeelden van te vinden op internet?

zie b.v. http://www.mredkj.com/tutorials/tutorial_mixed2b.html (werkt ook onder Opera)

[ Voor 22% gewijzigd door Noork op 12-02-2009 10:57 ]

[truegrit]

In draadje 1 staat toch als eerste reply een werkende versie die doet wat jij wil? Die van jou doet echt helemaal niks in zowel opera als firefox.

[Cartman!]

Logisch, je geeft immers zelf aan dat het per stuk moet, die button zorgt ervoor dat ie 1 eruit pikt (de eerste geselecteerde blijkbaar) en die verplaats je. Althans, probeer je...want in firefox gebeurt er niets visueels. Verder vind ik het eigenlijk raar dat ie 'adressen[]' als argument meegeeft terwijl je element het id 'adressen' heeft en dat dit ergens nog lijkt te werken ook (blijkbaar alleen in IE). Ik denk dat je gewoon eerst moet inzien waarom ie er maar 1 pakt en daarmee een oplossing moet gaan zoeken

[NMe]

* NMe wijst bluesbrother even op Waar hoort mijn topic?

PRG>>WEB

[bluesbrother]

NMe schreef op donderdag 12 februari 2009 @ 11:08:
* NMe wijst bluesbrother even op Waar hoort mijn topic?
PRG>>WEB

draadje 2 stond ook bij programing...........Maar daar zal wel een wereld van verschil in zitten met mijn post.

ontopic:


Ik zal opnieuw beginnen met het voorbeeld zoals in het andere draadje.
Wat ik had deed heel lang wat ik wilde (welliswaar in IE.)
Ik doe alles met FF, maar waar ik het voor maak hebben ze alleen IE dus gebruik ik dat alleen om het te debuggen.

[MueR]

Nou, ga dan ook debuggen? Kijk eens wat je terugkrijgt uit je post, om maar iets te noemen?