Selectfeld mitt doppelklick füllen und wieder leeren

gnuisnotunix

Mitglied
Hallo zusammen,

ich habe folgendes Anliegen:

Ich habe ein Selectfeld mit mehreren Werten. Die Einträge stammen aus einer Datenbank und werden via PHP/Mysql ermittelt. Per Doppelklick auf einen Eintrag soll nun der doppelt angeklickte Wert in ein zweites Selectfeld übernommen werden. Prinzipiell soll es so sein, dass der Benutzer mehrere Werte doppelklicken kann und das zweite Selectfeld somit auch mehrere Einträge haben kann.

Wenn der Benutzer versehentlich einen "falschen" Wert doppelt angeklickt hat, soll er die Möglichkeit ahben ebenfalls mit einem Doppelklick auf den Eintrag im zweiten Selectfeld, diesen wieder raus zu schmeissen.

Ich bin leider nicht sehr versiert in JS, und bitte Euch daher um Hilfe. Mein bisheriger Ansatz sieht so aus:

HTML:
<script type="text/javascript">
  <!--
function addItem(obj)
{
var inhalt = '<select name="userauswahl" size="5">';
inhalt += '<option>'+obj+'</option>';
inhalt += '</select>';

document.getElementById("ausgabe").innerHTML = inhalt;
}

 //-->
</script>

<p onclick="addItem(<?php echo $result[itembezeichnung] ?>)"><?php echo $result[itembezeichnung] ?></p>


<div id="ausgabe"></div>

Damit schreibt er mir aber immer nur ein Wert rein.

Wäre schön wenn mir jemand unter die Arme greifen würde
 
Hi,

schau Dir mal das options-Objekt an. Dort steht auch beschrieben, wie Du Optionen hinzufügen und entfernen kannst. Außerdem solltest Du den ondblclick-Handler verwenden, onclick feuert schon bei einem Klick.

LG
 

Neue Beiträge

Zurück