刚才写错了一点,把上边的两个button的name改成b1,b2
解决方案 »
- 关于dhtmlXTreeObject is not defined的问题
- 页面调整比例时不能触发onresize事件?
- jquery datepicker 当鼠标点击了日立或者下一月的按钮时,日期的hover事件和onmourseover事件都不能用了?谁能帮下忙,在线等
- js刷新验证问题
- 期待高手能逐行解释一下程序!
- 关于正则全文搜索~
- 关于execCommand('InsertImage',1)的问题,在线100分等候!
- 一个关于“在网页中即时显示目前的时间”的错误
- 请孟兄、秋水兄及大家邦忙!!!!
- 怎样使新打开的窗口右上角只有一个关闭按钮??
- 如何实现 window.popup 创建的窗口中动态载入 www.sohu.com 页面
- 百分求教,关于select赋值给input的问题.万分紧急.多谢多谢.
<body>
<table border="1">
<tr>
<td rowspan="2"><Select name="t1" Size=4>
<option selected>左边选择项一</option>
<option>左边选择项二</option>
<option>左边选择项三</option>
<option>左边选择项四</option>
</Select></td>
<td height="43"><input type="button" name="b1" value="-->"></td>
<td rowspan="2"><Select name="t2" Size=4>
<option selected>右边选择项一</option>
<option>右边选择项二</option>
<option>右边选择项三</option>
<option>右边选择项四</option>
</Select></td>
</tr>
<tr>
<td><input type="button" name="b2" value="<--"></td>
</tr>
</table>
</body>
</html>
<SCRIPT LANGUAGE="JavaScript">
<!--
b1.onclick = function ()
{
if ( t1.selectedIndex != -1 )
{
t2.appendChild( t1[t1.selectedIndex] );
}
}b2.onclick = function ()
{
if ( t2.selectedIndex != -1 )
{
t1.appendChild( t2[t2.selectedIndex] );
}
}
//-->
</SCRIPT>
<script language="JavaScript">
<!--
/*move(s1,s2,flag):s1是源列表框,s2是目的列表框,flag是是否全部移动*/
function move(s1,s2,flag){
var tem=new Array();
var sa=document.frm.elements[s1];
var sb=document.frm.elements[s2];
var s=sa.selectedIndex>-1?1:0
with(sa)
for(i=length-1;i>=0;i--)
if(options[i].selected||flag){tem[tem.length]=options[i];options[i]=null}
if(s||flag){
for(i=0;i<sb.length;i++)tem[tem.length]=sb.options[i]
with(sb){
length=0;
tem.sort(sortArr)
for(i=0;i<tem.length;i++)options[length]=new Option(tem[i].text,tem[i].value)
}
}
}/*move_self(s,flag):s是列表框name,flag(1,-1),是上移或下移*/
function move_self(s,flag){
var sa=document.frm.elements[s]
var tem;
with(sa){
if(flag==1){
if(selectedIndex>0)
for(i=0;i<length;i++)
if(options[i].selected){
tem_text=options[i].text;tem_value=options[i].value
options[i].text=options[i-1].text;
options[i].value=options[i-1].value;
options[i-1].text=tem_text;options[i-1].value=tem_value
options[i-1].selected=true;options[i].selected=false
}
}
else
for(i=length-1;i>=0;i--)
if(options[i].selected){
if(i==length-1)break;
tem_text=options[i].text;tem_value=options[i].value
options[i].text=options[i+1].text;
options[i].value=options[i+1].value;
options[i+1].text=tem_text;options[i+1].value=tem_value
options[i+1].selected=true;options[i].selected=false
}
}
}/*显示列表框选中的值,s是列表框的name*/
function show(s){
var str=""
with(document.frm.elements[s])
for(i=0;i<length;i++)
if(options[i].selected)str+="\n第"+(i+1)+"个option:\ntext:"+options[i].text+" value:"+options[i].value
alert(str)
}function sortArr(a,b){
if(a.text>b.text)return 1
if(a.text<b.text)return -1
return 0
}
//-->
</script>
<form name="frm">
<select name="a" size="5" style="width:100" multiple>
<option value="a1">1</option>
<option value="a2">2</option>
<option value="a3">3</option>
<option value="a4">4</option>
</select>
<input type=button value=">>" onclick="move('a','b',1)">
<input type=button value=" > " onclick="move('a','b')">
<input type=button value=" < " onclick="move('b','a')">
<input type=button value="<<" onclick="move('b','a',1)">
<select name="b" size="5" style="width:100" multiple>
<option value="b1">a</option>
<option value="b2">b</option>
<option value="b3">c</option>
<option value="b4">d</option>
<option value="b5">e</option>
</select><br/>
<input type=button value="up" onclick="move_self('a',1)">
<input type=button value="down" onclick="move_self('a',-1)">
<input type=button value="up" onclick="move_self('b',1)">
<input type=button value="down" onclick="move_self('b',-1)">
<input type=button value="get a's value" onclick="show('a')">
<input type=button value="get b's value" onclick="show('b')">
</form>
</body>