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>
相关推荐
6. **添加与删除功能**：如果压缩包中的代码还包含了添加和删除选项的功能，那么这部分会涉及到`appendChild`和`removeChild`方法，用于在`select`元素中添加新的`option`或移除已有的`option`。 7. **优化用户体验...
3. 事件处理：通过为按钮元素绑定onclick事件处理器来触发操作，例如增加数据项、删除数据项和移动数据项。 4. 选项的创建和添加：使用JavaScript中的new Option()构造函数来创建新的option元素，并通过修改option...
在本文中，我们将深入探讨如何使用jQuery实现一个功能，即在两个多选框之间进行选项的左右...为了适应实际项目需求，你可以根据数据源动态生成选项，或者增加更多自定义功能，如禁用某些选项、限制可移动的选项数量等。
VB6提供了一个叫做FileSystemObject的组件，它允许我们进行各种文件和目录操作，包括创建、删除、移动文件等。下面我们将详细探讨如何实现这个功能。 首先，我们需要引入`Scripting`库，因为`FileSystemObject`存在...
- Shift-Option-volume：微调音量，增加更精细的控制。 11. **其他（Others）** - Command-Shift-Y：将选中的文本创建为便签，方便记录。 掌握这些快捷键，能让你在Mac上工作时更加流畅，大大提高生产力。不过，...
- `Command-Option-V`：移动文件到新位置并删除原文件。 - `Option-Shift-Command-V`：移动文件到新位置但保留原文件。 21. **特定功能快捷键**: - `Command-Option-I`：显示或隐藏Finder窗口的“显示简介”窗口...
如果要实现上下左右移动，我们可以扩展这个函数，增加相应的逻辑处理。 - **上移**：如果用户希望将列表中的选项上移，我们需要检查所选选项是否位于列表顶部。如果不是，我们可以先删除该选项，然后在列表的前面...
***mand+Option+F：将焦点移动到地址栏的Google搜索栏。 以上介绍的快捷键，是日常使用Mac系统时经常用到的一些操作，熟练掌握这些快捷键，可以大大提高工作效率和操作便捷性。随着用户对Mac系统使用的深入，还会...
`delSelected`和`delAll`函数演示了如何遍历并删除选中或全部的`<option>`元素。 ### 6. 多选列表框的处理 `<select multiple="multiple">`允许用户同时选择多个选项。在给定的代码中，`listSrc`和`listDes`都被...
在本文中，我们将探讨如何使用jQuery实现一个基本的多选下拉列表（select multiple）功能，允许用户在两个下拉列表之间...在实际应用中，你可以根据需要扩展这个功能，例如增加排序（上移和下移）或其他自定义逻辑。
增加选中区域的缩进。 - **显示拼写和语法**: `Command + Shift + ;`。显示代码中的拼写错误或语法问题。 - **检查拼写**: `Command + ;`。检查选中代码的拼写。 - **打开头文件**: `Command + Shift + D`。打开当前...
在省市县联动中，需要动态地创建、修改和删除DOM元素，如标签，以便用户能够进行选择。 2. 事件监听：通过添加事件监听器，当用户在某个下拉框中做出选择时，JS会触发相应的回调函数，更新其他下拉框的选项。 3. ...
为了提升用户体验并增加交互性，开发者常常需要在表单中加入各种高级特效，如二级联动等。所谓**二级联动**，通常指的是在一个表单中，用户对一个控件的选择会影响另一个控件的选项。比如，在一个表单中选择省份后，...
Excel 宏编程的常用代码整理 ...增加一个工作表和删除活动工作表是 Excel 宏编程中的一种常用操作，使用 `Worksheets.Add` 语句可以增加一个工作表，使用 `ActiveSheet.Delete` 语句可以删除活动工作表。
移动图层只需直接拖动，复制则通过按住Alt键（Windows）/ Option键（Mac）的同时拖动图层，重命名可在图层面板中双击图层名称，删除则选中图层后点击垃圾桶图标。 3. **图层链接、合并和显示/隐藏**：链接图层可以...
之后，就可以对这些元素中的option节点进行增加、删除和移动操作。 #### 4. 添加与删除事件监听 对于Select元素来说，通常会设置双击（`dblclick`）事件来触发数据的添加或删除。事件处理函数`DoAdd`和`DoDel`分别...
cp -i beans apple 增加是否覆盖的提示 mv 移动或重命名文件/目录 用法 mv [-f] [-i] f1 f2 mv [-f] [-i] f1 ... fn d1 mv [-f] [-i] d1 d2 mv 源文件名 目标文件名 若目标文件名还没有,则是源文件重命名为...
/ Option+Esc)**: 移动到下一个待填写的位置。 - **下一个占位符 (Control+/ 或 Tab)**: 移动到下一个占位符。 - **EditAllinScope (Command+Control+T)**: 编辑当前范围内的所有实例。 - **插入宏**: 根据所选语言...
3. **鸟瞰视图**：按H键并单击以预览全局，然后在小黑框内移动鼠标放大区域。 4. **调整画笔尺寸和硬度**：Ctrl+Alt+鼠标右击（Windows）或Control+Option+单击（Mac），拖动鼠标调整。 这些快捷键可以帮助提高工作...