[JS] Item uit <select> verwijderen..

[Foxl]

Ok, ben dus bezig met een klein dingetje voor een of ander formulier..

De bedoeling is dat de bezoeker items kan selecteren uit een lijst, die items worden dan in een andere lijst gemikt en later verzonden.. Het naar die andere lijst koppen werkt wel, maar het verwijderen uit die select box niet echt... Iemand?

Dit heb ik...

<script language="JavaScript">
function move_item() {
textarea.value=textarea.value+itemlist[itemlist.selectedIndex].value+"\r\n"
}
</script>

<textarea rows="5" id="textarea" ></textarea>

<select size="5" name="itemlist" ondblclick="move_item()" style="width:100px">
<option value="blaat">blaat</option>
<option value="blaat1">blaat1</option>
<option value="blaat2">blaat2</option>
<option value="blaat3">blaat3</option>
<option value="blaat4">blaat4</option>
</select>

[sjroorda]

code:

function removeExt()
{
    if (document.ext_form.ext_select.selectedIndex > -1)
        document.ext_form.ext_select.options.remove(document.ext_form.ext_select.selectedIndex);
}

(even letterlijk copy-paste uit eigen code)

[r0bert]

try this:

code:

<script language="JavaScript">

/* Functie om de geselecteerde optie uit een select te verwijderen

    objEl = het elementobject van de select waar de geselecteerde opties uit verwijderd moet worden
*/

function fnRemoveOption(objEl)
{
    // indien er een optie geselecteerd is..
    if (objEl.options.selectedIndex > -1)
        // verander de waarde van de optie (het object) in niks (maw verwijderen)
        objEl.options[objEl.options.selectedIndex] = null;
}


function move_item() {
     textarea.value=textarea.value+itemlist[itemlist.selectedIndex].value+"\r\n"
}
</script>

<textarea rows="5" id="textarea" ></textarea>

<select size="5" name="itemlist" onClick="" ondblclick="move_item(); fnRemoveOption(this);" style="width:100px">
<option value="blaat">blaat</option>
<option value="blaat1">blaat1</option>
<option value="blaat2">blaat2</option>
<option value="blaat3">blaat3</option>
<option value="blaat4">blaat4</option>
</select>

edit:
Kleine wijziging in het scriptje

[ Voor 61% gewijzigd door r0bert op 22-11-2002 11:15 ]