Rob wrote:
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
query and there is a buttom that when clicked it will move the selected
item 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:
document.form1.companies.options[document.form1.companies.selectedIndex] 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;
i--){document.form1.companies.options[document.form1.companies.selectedI 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!
<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>