PHP代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
select { display:inline; width:150px; background:#cef;}
</style>
</head>
<body>
<select size="10" id="selectleft">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
<input type="button" id="addto" value="添加" />
<input type="button" id="moveback" value="删除" />
<select size="10" id="selectright">
</select>
<script type="text/javascript">
var addTo = document.getElementById("addto");
var moveBack = document.getElementById("moveback");
var selectLeft = document.getElementById("selectleft");
var selectRight = document.getElementById("selectright");
addTo.onclick = addOption;
moveBack.onclick = delOption;
//这个函数检验传入的值是否在有边出现过！
function hasOption(str){
for(var i=0;i<selectRight.options.length;i++){
if(selectRight.options[i].value==str){
return false;
}
}
return true;
}
function addOption(){
var nowIndex = selectRight.options.length; //右边的下一个索引
var selectIndex = selectLeft.options.selectedIndex; //做边被选种项索引
var selectText = selectLeft.options[selectIndex].text; //被选种项文本
var selectValue = selectLeft.options[selectIndex].value; //被选种项值
if((selectIndex!=-1)&&hasOption(selectValue)){ //如果选了一项且右边没有，执行
var newoption = new Option(selectText,selectValue,false,false);
selectRight.options[nowIndex] = newoption;
}
}
function delOption(){
var selectIndex = selectRight.options.selectedIndex;
if(selectIndex!=-1){
selectRight.options[selectIndex] = null; //清空选种项
}
}
</script>
</body>
</html>
相关推荐
本文实例讲述了JavaScript实现下拉列表框数据增加、删除、上下排序的方法。分享给大家供大家参考。具体如下： 这里实现在一个支持多选的下拉列表框内进行数据项的添加、删除、向上、向下移动操作，我们在一些人才...
cp -i beans apple 增加是否覆盖的提示 mv 移动或重命名文件/目录 用法 mv [-f] [-i] f1 f2 mv [-f] [-i] f1 ... fn d1 mv [-f] [-i] d1 d2 mv 源文件名 目标文件名 若目标文件名还没有,则是源文件重命名为...
either version 2 of the License, or (at your option) any later version. 这是一款自由软件, 您可以在 Free Software Foundation 发布的 GNU General Public License 的条款下重新发布或修改; 您可以 选择目前 ...
Ctrl+A：方位 Ctrl+F：偏转 Ctrl+L：长度 Ctrl+D：X,Y增量 Ctrl+G：方位/长度 Ctrl+P：平行 Ctrl+E：垂直 Ctrl+T：切线 Ctrl+Delete：删除草图 F2：完成草图 F6：绝对X,Y坐标 F7：线段偏转 T：显示容限 已经输入的...
2.23 取得列表控件选中的option对象 2.24 限制输入框仅接受特殊字符的输入 2.25 禁止页面内全部超链接 2.26 实现动态组合列表框 2.27 如何使用属性过滤器 2.28 如何测试某个元素是否可见 第3章 jQuery操作HTML事件 ...
7 维护重做日志文件 目标 7-2 使用重做日志文件 7-3 重做日志文件的结构 7-4 重做日志是如何工作的 7-5 强制日志切换和检查点 7-6 增加联机重做日志组 7-7 增加联机重做日志成员 7-8 删除联机重做日志组 7-9 删除...
例：表删除将同时删除表的数据和表的定义 sql>drop table test c、表空间的创建、删除 六、ORACLE逻辑备份的SH文件 完全备份的SH文件：exp_comp.sh rq=` date +"%m%d" ` su - oracle -c "exp system/manager ...
7． 方便的左边行号显示，单击左边行号就可以实现调试断点的增加/删除 8． 对各种快捷键的支持，不但包括常见的编辑操作，还可以有自己定义的PLSQL块的支持（自己定义快捷方式）。如可以定义CTRL+SHIFT+D:弹出所有...
� 谷歌长期以来奉行的移动发展战略：通过与全球各地的手机制造商和移动运营商结成合作伙伴，开发 既 有用又有吸引力的移动服务，并推广这些产品。 Android 进一步推进了 " 随时随地为每个人提供信息 " 这一企 业 ...
[主要更新]增加条件判断模板、删除无用模板 系统核心 [功能新增] [主要更新] WAP插件独立,新增PAD(AndroidiOs)模式 [功能新增] 主题检查依赖插件 [功能新增] 侧栏评论字数限制 [功能新增] Tags Intro作为伪静态URL ...
Ionic本身是致力于建立统一的移动混合app构建平台，核心基础是Angular+Cordova。 - 通过Angular指令封装，以及预定义的CSS，提供了开箱即用的HTML5 Mobile组件。 - 构建与开发支持，能够直接运行www目录下的index....
Javascript小技巧一箩筐 事件源对象 event.srcElement.tagName event.srcElement.type ... 捕获释放 event.srcElement.setCapture();...event.srcElement.releaseCapture();... 根据鼠标获得元素： document....
进入后，你可以用方向键移动光标选择CMOS设置界面上的选项，然后按Enter进入副选单，用ESC键来返回上一级菜单，用PAGE UP和PAGE DOWN键来选择具体选项，F10键保留并退出BIOS设置。 1．STANDARD CMOS SETUP（标准...
INSTALL_FAILED_REPLACE_COULDNT_DELETE 替换时无法删除 INSTALL_FAILED_DEXOPT dex 优化验证失败或空间不足 INSTALL_FAILED_OLDER_SDK 设备系统版本低于应用要求 INSTALL_FAILED_CONFLICTING_PROVIDER 设备里...
这样做的目的主要是增加对语言的熟悉程度，同时也训练自己的思维和熟悉一些在编程中常犯的错误。更重要的是理解并能运用C++的各种特性，这些在以后的开发中都会有很大的帮助，特别是利用MFC进行开发的朋友对C++一定...
10.1.7. 删除数据行 10.1.8. 取回查询结果 10.2. Zend_Db_Statement 10.2.1. Creating a Statement 10.2.2. Executing a Statement 10.2.3. Fetching Results from a SELECT Statement 10.2.3.1. Fetching a ...
新版的功能已经比较完善，基本上可以代替Radmin Viewer 3.5进行管理(除Intel AMT功能外)，另外还增加了一些实用功能，支持Windows Xp、Vista、Win7、Win8、2003、2000、9x及相应Windows Server版等操作系统。...
新版的功能已经比较完善，基本上可以代替Radmin Viewer 3.5进行管理(除Intel AMT功能外)，另外还增加了一些实用功能，支持Windows Xp、Vista、Win7、Win8、2003、2000、9x及相应Windows Server版等操作系统。...