<!--script中的相关代码-->
<script language="JavaScript">
function ChangeMode3() ...{
var i;
var Mode ;
var m = 1 ;
var arr = new Array();
var arr1 = new Array(); 
for( i=0; i<document.forms[0].silo_cd.length; i++ ) ...{ 
if( document.forms[0].silo_cd.options[i].selected ) ...{
Mode = i ;
m = 0;
break;
}
}

if ( m == 1 ) ...{
return false ;
}
var ln = document.forms[0].soko_cd2.options.length;

for (var j = 0; j < ln; j++) ...{
arr[j] = document.forms[0].soko_cd2.options[j].value;
arr1[j] = document.forms[0].soko_cd2.options[j].text;
}
arr[j] = document.forms[0].silo_cd.options[i].value ;
arr1[j] = document.forms[0].silo_cd.options[i].text ; 
while (ln--) ...{
document.forms[0].soko_cd2.options[ln] = null;
}

for (i = 0; i < arr.length; i++) ...{
document.forms[0].soko_cd2.add (new Option(arr1[i], arr[i]));
}
document.forms[0].silo_cd.options[Mode] = null ;
return false ;
}

function ChangeMode4() ...{
var i;
var Mode ;
var m = 1 ;
var arr = new Array();
var arr1 = new Array(); 
for( i=0; i<document.forms[0].soko_cd2.length; i++ ) ...{ 
if( document.forms[0].soko_cd2.options[i].selected ) ...{
Mode = i ;
m = 0;
break;
}
}
if ( m == 1) ...{
return false ;
}
var ln = document.forms[0].silo_cd.options.length;
for (var j = 0; j < ln; j++) ...{
arr[j] = document.forms[0].silo_cd.options[j].value;
arr1[j] = document.forms[0].silo_cd.options[j].text;
}
arr[j] = document.forms[0].soko_cd2.options[i].value ;
arr1[j] = document.forms[0].soko_cd2.options[i].text ; 
while (ln--) ...{
document.forms[0].silo_cd.options[ln] = null;
}
for (i = 0; i < arr.length; i++) ...{
document.forms[0].silo_cd.add (new Option(arr1[i], arr[i]));
}
document.forms[0].soko_cd2.options[Mode] = null ;
return false ;
}
</script>
<form>
<table>
<tr>
<td>
<select size="20" name="silo_cd" STYLE="font-size:12pt;width:100%">
<option value="AAAAAAA">
AAAAAAA
</option>
<option value="BBBBBBB">
BBBBBBB
</option>
<option value="CCCCCCC">
CCCCCCC
</option>
<option value="DDDDDDD">
DDDDDDD
</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="button" value="==>" onclick="ChangeMode3()"/>
<input type="button" value="<==" onclick="ChangeMode4()"/>
</td>
</tr>
<tr>
<td>
<select size="20" name="soko_cd2" STYLE="font-size:12pt;width:100%">
<option>zxcvb</option>
</select>
</td>
</tr>
</table>
</form>
本文介绍了一种使用JavaScript操作HTML表单元素的方法,通过两个函数ChangeMode3和ChangeMode4实现下拉列表选项的互换功能。具体展示了如何遍历、获取选中项并进行动态更新。
793

被折叠的 条评论
为什么被折叠?



