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 相关文章推荐
Javascript 汉字字节判断
Aug 01 Javascript
Jquery下attr和removeAttr的使用方法
Dec 28 Javascript
JavaScript中for..in循环陷阱介绍
Nov 12 Javascript
判断客户浏览器是否支持cookie的示例代码
Dec 23 Javascript
jQuery绑定事件的几种实现方式
May 09 Javascript
非常优秀的JS图片轮播插件Swiper的用法
Jan 03 Javascript
微信小程序实现页面跳转传值的方法
Oct 12 Javascript
Thinkjs3新手入门之如何使用静态资源目录
Dec 06 Javascript
Vue实现todolist删除功能
Jun 26 Javascript
vue配置文件实现代理v2版本的方法
Jun 21 Javascript
vue实现移动端触屏拖拽功能
Aug 21 Javascript
CocosCreator入门教程之网络通信
Apr 16 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 download.php实现代码 跳转到下载文件(response.redirect)
2009/08/26 PHP
ThinkPHP3.1新特性之多数据库操作更加完善
2014/06/19 PHP
PHP图片处理之使用imagecopy函数添加图片水印实例
2014/11/19 PHP
Laravel框架验证码类用法实例分析
2019/09/11 PHP
php与js的区别是什么
2013/08/05 Javascript
js 点击页面其他地方关闭弹出层(示例代码)
2013/12/24 Javascript
Javascript数组操作函数总结
2015/02/05 Javascript
jquery判断复选框是否选中进行答题提示特效
2015/12/10 Javascript
关于微信中a链接无法跳转问题
2016/08/02 Javascript
nodejs检测因特网是否断开的解决方案
2019/04/17 NodeJs
个人小程序接入支付解决方案
2019/05/23 Javascript
解决vue项目打包上服务器显示404错误,本地没出错的问题
2020/11/03 Javascript
[54:05]DOTA2-DPC中国联赛定级赛 SAG vs iG BO3第一场 1月9日
2021/03/11 DOTA
在Python的Bottle框架中使用微信API的示例
2015/04/23 Python
Python实现的购物车功能示例
2018/02/11 Python
Python if语句知识点用法总结
2018/06/10 Python
NumPy 数学函数及代数运算的实现代码
2018/07/18 Python
Python分析彩票记录并预测中奖号码过程详解
2019/07/09 Python
python如何保证输入键入数字的方法
2019/08/23 Python
tensorflow实现残差网络方式(mnist数据集)
2020/05/26 Python
python语言中有算法吗
2020/06/16 Python
学生如何注册Pycharm专业版以及pycharm的安装
2020/09/24 Python
python实现三壶谜题的示例详解
2020/11/02 Python
python中类与对象之间的关系详解
2020/12/16 Python
详解HTML5中rel属性的prefetch预加载功能使用
2016/05/06 HTML / CSS
eDreams意大利:南欧领先的在线旅行社
2018/11/23 全球购物
意大利独特而优质的家居用品:Fazzini
2018/12/05 全球购物
adidas泰国官网:adidas TH
2020/07/11 全球购物
优秀团员个人的自我评价
2013/10/02 职场文书
优秀生推荐信范文
2013/11/28 职场文书
小学生评语集锦
2014/04/18 职场文书
网络优化专员求职信
2014/05/04 职场文书
小学班级特色活动方案
2014/08/31 职场文书
文员试用期转正自我鉴定
2014/09/14 职场文书
Java练习之潜艇小游戏的实现
2022/03/16 Java/Android
类和原型的设计模式之复制与委托差异
2022/07/07 Javascript