tilføje og fjerne poster i en selectbox
<script language="javascript">hvilkeBrugt = new Array();
hvilkeBrugt[0] = "default";
iTo = 0;
iTre = 0;
function tilfoejOrdre() {
ind = document.getElementById("ordre").selectedIndex;
t = false;
for (i = 0; i < hvilkeBrugt.length; i++) {
if (document.getElementById("ordre").options[ind].text == hvilkeBrugt[i]) {
t = true;
break;
}
}
if (!t) {
document.getElementById("ordreno").options[iTo] = new Option(document.getElementById("ordre").options[ind].text);
iTo++;
hvilkeBrugt[hvilkeBrugt.length] = document.getElementById("ordre").options[ind].text;
}
}
function fjernOrdre() {
iTre=0;
ind = document.getElementById("ordreno").selectedIndex;
if (ind>=0) {
for (i = 1; i < hvilkeBrugt.length; i++) {
if (document.getElementById("ordreno").options[ind].text == hvilkeBrugt[i]) {
alert(hvilkeBrugt[i])
hvilkeBrugt[i] = "";
}
if (""+hvilkeBrugt[i] == "default") {
// spring den her over
} else if (""+hvilkeBrugt[i]!="") {
document.getElementById("ordreno").options[iTre] = new Option(hvilkeBrugt[i]);
iTre++;
}
}
}
}
</script>
<table border="0" cellpadding="3">
<tr>
<td class="overskrift">Dine ordre</td>
<td> </td>
<td class="overskrift">Ordre du er ved at bestille</td>
</tr>
<tr>
<td valign="top" align="right">
<select size="5" name="ordre" id="ordre">
<option value="1">1</option>
<option value="2">3</option>
<option value="2">3</option>
</select></td>
<td><img src="gfx/pilleft.gif" onClick="fjernOrdre();" style="cursor: pointer; cursor: hand;"><br>
<img src="gfx/pil.gif" onClick="tilfoejOrdre();" style="cursor: pointer; cursor: hand;">
</td>
<td valign="top"><select name="ordreno" id="ordreno" size="5" multiple>
</select>
</td>
</tr>
</table>
