js Select下拉列表框进行多选、移除、交换内容的具体实现方法


Posted in Javascript onAugust 13, 2013
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<span class='wp_keywordlink_affiliate'><a href="tag/html" title="查看 html 中的全部文章" target="_blank">html</a></span>4/loose.dtd">
<<span class='wp_keywordlink_affiliate'><a href="tag/html" title="查看 html 中的全部文章" target="_blank">html</a></span>>
<head>
<title>Select下拉列表框进行多选、移除、交换内容</title>
<meta http-equiv="Content-Type" content="text/<span class='wp_keywordlink_affiliate'><a href="tag/html" title="查看 html 中的全部文章" target="_blank">html</a></span>; charset=gb2312">
</head>
<body style="font-size:12px">
<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" style="width:100px " >
          <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"
  onClick="allsel(document.form1.sel_place2,document.form1.sel_place1);" value="<<">
  <input name="sure2" type="button" id="sure2"
  onClick="allsel(document.form1.sel_place1,document.form1.sel_place2);" 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" style="width:100px ">
            </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>
Javascript 相关文章推荐
WordPress 插件——CoolCode使用方法与下载
Jul 02 Javascript
asp.net 30分钟掌握无刷新 Repeater
Sep 16 Javascript
JavaScript获取当前页面上的指定对象示例代码
Feb 28 Javascript
Javascript 构造函数详解
Oct 22 Javascript
JavaScript tab选项卡插件实例代码
Feb 23 Javascript
在JavaScript中模拟类(class)及类的继承关系
May 20 Javascript
Bootstrap组合上、下拉框简单实现代码
Mar 06 Javascript
基于bootstrap实现收缩导航条
Mar 17 Javascript
jQuery实现可兼容IE6的遮罩功能详解
Sep 19 jQuery
Vue中的slot使用插槽分发内容的方法
Mar 01 Javascript
vue进入页面时滚动条始终在底部代码实例
Mar 26 Javascript
ES6知识点整理之对象解构赋值应用示例
Apr 17 Javascript
jquery二级导航内容均分的原理及实现
Aug 13 #Javascript
模拟多级复选框效果的jquery代码
Aug 13 #Javascript
javascript 树形导航菜单实例代码
Aug 13 #Javascript
Jquery操作下拉框(DropDownList)实现取值赋值
Aug 13 #Javascript
javascript实现div浮动在网页最顶上并带关闭按钮效果实例
Aug 13 #Javascript
鼠标经过显示二级菜单js特效
Aug 13 #Javascript
Jquery实现搜索框提示功能示例代码
Aug 13 #Javascript
You might like
php下通过curl抓取yahoo boss 搜索结果的实现代码
2011/06/10 PHP
PHP获取网页标题的3种实现方法代码实例
2014/04/11 PHP
兼容PHP和Java的des加密解密代码分享
2014/06/26 PHP
php类的扩展和继承用法实例
2015/06/20 PHP
PHP通过CURL实现定时任务的图片抓取功能示例
2016/10/03 PHP
JavaScript Event学习第三章 早期的事件处理程序
2010/02/07 Javascript
js去除浏览器默认底图的方法
2015/06/08 Javascript
深入理解JavaScript 函数
2016/06/06 Javascript
浅析ES6的八进制与二进制整数字面量
2016/08/30 Javascript
bootstrap table方法之expandRow-collapseRow展开或关闭当前行数据
2020/08/09 Javascript
深入理解ES6之数据解构的用法
2018/01/13 Javascript
详解如何在微信小程序开发中正确的使用vant ui组件
2018/09/13 Javascript
JS左右无缝轮播功能完整实例
2019/05/16 Javascript
Vue引入Stylus知识点总结
2020/01/16 Javascript
从源码角度来回答keep-alive组件的缓存原理
2021/01/18 Javascript
Nodejs 微信小程序消息推送的实现
2021/01/20 NodeJs
[10:18]2018DOTA2国际邀请赛寻真——Fnatic能否笑到最后?
2018/08/14 DOTA
python中map()与zip()操作方法
2016/02/27 Python
浅述python中深浅拷贝原理
2018/09/18 Python
Python多线程同步---文件读写控制方法
2019/02/12 Python
对Python3 序列解包详解
2019/02/16 Python
Python中按值来获取指定的键
2019/03/04 Python
numpy下的flatten()函数用法详解
2019/05/27 Python
python使用SQLAlchemy操作MySQL
2020/01/02 Python
keras实现VGG16方式(预测一张图片)
2020/07/07 Python
pip 20.3 新版本发布!即将抛弃 Python 2.x(推荐)
2020/12/16 Python
美国专业汽车音响和移动电子产品零售商:Car Toys
2019/05/13 全球购物
W Hamond官网:始于1979年的钻石专家
2020/07/20 全球购物
如何用Python输出一个Fibonacci数列
2016/08/28 面试题
投标邀请书范文
2014/01/31 职场文书
庆元旦广播稿
2014/02/10 职场文书
仓管员岗位责任制
2014/02/19 职场文书
供货协议书
2014/04/22 职场文书
自主招生推荐信范文
2014/05/10 职场文书
vue首次渲染全过程
2021/04/21 Vue.js
索尼ICF-5900W收音机测评
2022/04/24 无线电