Rob wrote:[color=blue]
> Hi,
> I've got a small javascript problem and I'm kinda stuck. I'm using
> classic ASP. I have a select box which is populated by a database[/color]
query[color=blue]
> and there is a buttom that when clicked it will move the selected[/color]
item[color=blue]
> from the first select box and move it to another select box:
>
> document.form2.list.options[document.form2.list.options.length] = new
> Option(count + 1 + ". " + name,company);
>
> Then I want to remove it from the first select box:
>[/color]
document.form1.companies.options[document.form1.companies.selectedIndex][color=blue]
> text = "";
>
> But that just leaves an empty spot. I need to remove that spot
> altogether and move all the other items up by one.
> This is what I have:
> for (i=document.form1.companies.options.length-1; i>0;
>[/color]
i--){document.form1.companies.options[document.form1.companies.selectedI[color=blue]
> ndex].value = i;
> }
>
> But this doesn't work.
> Anyone have any ideas?
>
> Thanks
>
> Rob
>
> *** Sent via Developersdex
http://www.developersdex.com ***
> Don't just participate in USENET...get rewarded for it![/color]
<html>
<head>
<script type="text/javascript">
function delSelectedOpt(sel_id)
{
var o,
os,
len,
i = 0,
selobj = document.getElementById(sel_id);
if (selobj && (os = selobj.options))
{
while (o = os[i++])
if (o.selected)
{
for (len = os.length; i < len; ++i)
os[i - 1] = new Option(os[i].text, os[i].value);
os[--len] = null;
}
}
}
</script>
</head>
<body>
<form>
<select id="sss" size="8">
<option value="0">Option 0</option>
<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>
<option value="6">Option 6</option>
<option value="7">Option 7</option>
</select>
<input type="button"
value="delete selected"
onclick="delSelectedOpt('sss')" />
</form>
</body>
</html>
