Select下拉列表框进行多选、移除、交换内容请选择:江苏省广东省河南省吉林省浙江省请选择:functionallsel(n1,n2){while(..." />
 手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js Select下拉列表框进行多选、移除、交换内容的具体实现方法
js Select下拉列表框进行多选、移除、交换内容的具体实现方法
摘要:复制代码代码如下:html4/loose.dtd">Select下拉列表框进行多选、移除、交换内容请选择:江苏省广东省河南省吉林省浙江省请选...

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<span><a href="tag/html" title="查看 html 中的全部文章" target="_blank">html</a></span>4/loose.dtd">

<<span><a href="tag/html" title="查看 html 中的全部文章" target="_blank">html</a></span>>

<head>

<title>Select下拉列表框进行多选、移除、交换内容</title>

<meta http-equiv="Content-Type" content="text/<span><a href="tag/html" title="查看 html 中的全部文章" target="_blank">html</a></span>; charset=gb2312">

</head>

<body>

<form name="form1" method="post" action="">

<table width="380" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<td width="150"><table width="150" border="0" cellpadding="1" cellspacing="1" bgcolor="#CAFAFC">

<tr>

<td height="25" background="wp-content/uploads/2012/05/79760-772704496-8.gif" bgcolor="#FFFFFF">请选择:</td>

</tr>

<tr>

<td align="center" bgcolor="#FFFFFF"><select name="sel_place1" size="6" multiple id="sel_place1" >

<option value="sel1">江苏省</option>

<option value="sel2">广东省</option>

<option value="sel3">河南省</option>

<option value="sel4">吉林省</option>

<option value="sel5">浙江省</option>

</select></td>

</tr>

</table></td>

<td width="80" align="center" valign="bottom"><input name="sure1" type="button" id="sure1"

value="<<">

<input name="sure2" type="button" id="sure2"

value=">>" align="center" height="2"></td>

<td width="150"><table width="150" border="0" cellpadding="1" cellspacing="1" bgcolor="#CAFAFC">

<tr>

<td height="25" background="wp-content/uploads/2012/05/79760-772704496-8.gif" bgcolor="#FFFFFF">请选择:</td>

</tr>

<tr>

<td align="center" bgcolor="#FFFFFF"><select name="sel_place2" size="6" multiple id="sel_place2">

</select></td>

</tr>

</table></td>

</tr>

</table>

</form>

<script language="javascript">

function allsel(n1,n2)

{

while(n1.selectedIndex!=-1)

{

var indx=n1.selectedIndex;

var t=n1.options[indx].text;

n2.options.add(new Option(t));

n1.remove(indx);

}

}

</script>

</body>

</html></td>

</tr>

</table>

【js Select下拉列表框进行多选、移除、交换内容的具体实现方法】相关文章:

js控制网页前进和后退的方法

jQuery判断指定id的对象是否存在的方法

javascript基于DOM实现省市级联下拉框的方法

Javascript动态创建表格及删除行列的方法

JS动画效果打开、关闭层的实现方法

JavaScript中停止执行setInterval和setTimeout事件的方法

列表内容的选择

javascript模拟评分控件实现方法

js控制div弹出层实现方法

JQuery中上下文选择器实现方法

精品推荐
分类导航