<script>
function dochecker()
{
var tempval=""
for(var i=0;i<document.all.select.length;i++)
{
if(document.all.select.options[i].selected)
{
tempval+=document.all.select.options[i].value+","
}
}
alert(tempval)
}
function doadd()
{
document.all.select.options.length++
document.all.select.options[document.all.select.options.length-1]=new Option("test","10")
}
</script>
<input type=button onclick="dochecker()" value="test val">
<input type=button onclick="doadd()" value="test vadd">
function dochecker()
{
var tempval=""
for(var i=0;i<document.all.select.length;i++)
{
if(document.all.select.options[i].selected)
{
tempval+=document.all.select.options[i].value+","
}
}
alert(tempval)
}
function doadd()
{
document.all.select.options.length++
document.all.select.options[document.all.select.options.length-1]=new Option("test","10")
}
</script>
<input type=button onclick="dochecker()" value="test val">
<input type=button onclick="doadd()" value="test vadd">
<tr><td>
<select name=list1 size=8 multiple ondblclick="moveOption(this, this.form.list2)">
<option value=A>aaaaaaaaaa
<option value=B>bbbbbbbbbb
<option value=C>cccccccccc
<option value=D>dddddddddd
<option value=E>eeeeeeeeee
<option value=F>ffffffffff
<option value=G>gggggggggg
<option value=H>hhhhhhhhhh
</select></td>
<td width=40 align=center>
<input name=add type=button value=">>>" onclick="moveOption(this.form.list1, this.form.list2)"><br/><br/>
<input name=sub type=button value="<<<" onclick="moveOption(this.form.list2, this.form.list1)">
</td><td>
<select name=list2 size=8 multiple ondblclick="moveOption(this, this.form.list1)">
</select>
</td></tr></form>
</table><script language="JavaScript"><!--
function moveOption(e1, e2){
try{
var l=e1.options.length-1;
for(i=0;i<=l;i++){ var e = e1.options[e1.selectedIndex];
e2.options.add(new Option(e.text, e.value));
e1.options.remove(e1.selectedIndex);
}
} catch(e){}
}
//--></script>