==========================第一个
<form name="form1">
<script language="javascript">
function left2Right() {
var s1 = document.form1.select1;
var s2 = document.form1.select2;
for (var i = 0; i < s1.options.length; i++) {
var o = s1.options[i];
if (!o.selected) continue;
var contains = false;
for (var j = 0; j < s2.options.length; j++) {
if (s2.options[j].value == o.value) {
contains = true;
break;
}
}
if (!contains)
s2.options[s2.options.length] = new Option(o.text, o.value);
}
}
function right2Left() {
var s1 = document.form1.select1;
var s2 = document.form1.select2;
for (var i = 0; i < s2.options.length; i++) {
var o = s2.options[i];
if (!o.selected) continue;
var contains = false;
for (var j = 0; j < s1.options.length; j++) {
if (s1.options[j].value == o.value) {
contains = true;
break;
}
}
if (!contains)
s1.options[s1.options.length] = new Option(o.text, o.value);
}
}
</script>
<select name="select1" size="10" multiple >
<option value="111">1</option>
<option value="222">2</option>
<option value="333">3</option>
<option value="444">4</option>
</select>
<input name="Submit" type="button" value=">>>" onclick="left2Right();">
<input name="Submit" type="button" value="<<<" onclick="right2Left();">
<select name="select2" size="10" multiple >
<option value="444">4</option>
<option value="555">5</option>
<option value="666">6</option>
</select>
</select>
</form>
==========================第二个
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title>javascript select options text value</title>
<meta name="keywords" content="javascript select options text value add modify delete set">
<meta name="description" content="javascript select options text value add modify delete set">
<script language="javascript">
<!--
// Author: i@lxl.cn
// Modify: i@cnlei.com
function watch_ini(){ // 初始
for(var i=0; i<arguments.length; i++){
var oOption=new Option(arguments[i],arguments[i]);
document.getElementById("MySelect")[i]=oOption;
}
}
function watch_add(f){ // 增加
var oOption=new Option(f.word.value,f.word.value);
f.keywords[f.keywords.length]=oOption;
}
function watch_sel(f){ // 编辑
f.word.value = f.keywords[f.keywords.selectedIndex].text;
}
function watch_mod(f){ // 修改
f.keywords[f.keywords.selectedIndex].text = f.word.value;
}
function watch_del(f){ // 删除
f.keywords.remove(f.keywords.selectedIndex);
}
function watch_set(f){ // 保存
var set = "";
for(var i=0; i<f.keywords.length; i++){
set += f.keywords[i].text + ";";
}
confirm(set);
}
//-->
</script>
</head>
<body>
<form name="watch" method="post" action="">
<select id="MySelect" name="keywords" size="10" onchange="watch_sel(this.form)"></select><br>
<script language="javascript">
<!--
watch_ini("我","你","妳","他","她","它","尔"); // 初始关键词
//-->
</script>
<input type="text" name="word" /><br />
<input type="button" value="增加" onclick="watch_add(this.form);" />
<input type="button" value="修改" onclick="watch_mod(this.form);" />
<input type="button" value="删除" onclick="watch_del(this.form);" />
<input type="button" value="保存" onclick="watch_set(this.form);" />
</form>
</body>
</html>
分享到：
相关推荐
通过watch监听器来监控el-select绑定的值，当用户尝试删除一个不允许删除的选项时，通过监听函数将之前删除的选项重新添加到选中值中。虽然这种方法能够实现功能，但在界面上会存在误导用户的情况，因为在不允许...
本文将详细讲解如何通过 JavaScript 动态地添加、修改和删除 `<select>` 元素中的选项。 #### 描述：Javascript 操作 select 是表单中常见的一种，删除多个 select 值时出现的问题及解决方案 在处理 `<select>` ...
这个项目是为初学者设计的，旨在帮助他们理解并实践如何使用JSP（JavaServer Pages）来实现Web应用程序中的核心功能，如添加、修改、删除和查询数据。下面我们将深入探讨这些知识点。 首先，JSP是Java平台上的一个...
本系统是一个基于Java编程语言实现的简单图书管理系统，主要功能包括图书的增加、删除、修改、查询和列表展示。下面将详细介绍这些功能的实现及相关的技术知识点。 1. **图书增加**：在系统中添加新图书时，通常...
### C# 对 DataGridView 进行添加、修改、删除数据操作 在C#应用程序开发中，尤其是在涉及用户界面的项目中，DataGridView 控件被广泛应用于显示和管理数据表格。本篇文章将详细介绍如何使用C#实现对 DataGridView ...
对原来的select的操作完全没有改变，取值依然是取select的值，设置选中，添加项删除项等等都没有改变。用脚本动态设置select的值时请在后面加上一个change()这样显示的值才会改变。不知道怎么监控脚本对select的值的...
### SAP批量删除、添加、修改透明表数据 在SAP系统中，对于透明表的管理是非常重要的，因为这些表直接对应于数据库中的物理表。本文将详细介绍如何通过ABAP编程语言实现对SAP透明表数据的批量删除、添加以及修改...
本主题将深入探讨如何利用窗体实现数据的增加、修改、删除以及模糊查询功能，这些都是数据库应用开发中不可或缺的基本操作。 首先，**窗体的增加功能**涉及到向系统输入新的数据记录。在窗体设计时，通常会包含一...
本篇文章将重点讲解SQL Server中的基本操作：添加、删除、修改和查询数据。 1. 添加数据（INSERT） 在SQL Server中，我们使用INSERT语句向表中添加新记录。例如，如果我们有一个名为`Employees`的表，包含`ID`、`...
#### 增加、删除、修改select中的option项 1. **向select中追加一个option**: ```javascript $('#select_id').append("<option value='Value'>Text</option>"); ``` 此代码会在select元素的底部增加一个新的...
"添加、修改、删除数据库"这一主题涵盖了数据库管理的基础操作，即CRUD（Create、Read、Update、Delete）操作，这是任何数据库管理员或开发人员都需要掌握的基本技能。下面将详细讲解这些操作及其在实际应用中的重要...
本教程将深入探讨这些控件以及它们如何协同工作，实现数据的增加、删除和修改功能，并与SQL Server数据库进行交互。 `DataGridView`控件是Windows Forms中的一个强大工具，用于显示和编辑表格数据。它可以绑定到...
系统的核心功能包括增加、修改和删除新闻，这些操作都需要与数据库进行交互。数据库通常选用MySQL、Oracle或PostgreSQL等关系型数据库管理系统，用于存储新闻的标题、内容、发布时间、作者等信息。在JSP中，可以通过...
2. 修改数据： 要更新现有记录，可以使用UPDATE语句。假设我们要将ID为1的学生年龄改为21： ```sql UPDATE Students SET Age = 21 WHERE ID = 1 ``` VBA中的实现同样通过CurrentDb.Execute完成。 3. 删除数据...
在本文中，我们将深入探讨如何使用Delphi编程环境与SQLite数据库进行交互，实现基本的数据操作，包括增加、删除和修改。SQLite是一个轻量级、自包含的数据库引擎，广泛应用于各种桌面、移动以及嵌入式系统。Delphi，...
标题中的"MFC对mysql的添加删除修改"指的是使用MFC来操作MySQL数据库，实现数据的增删查改功能。在MFC应用中与MySQL数据库进行交互通常涉及以下步骤： 1. **连接数据库**：首先需要建立MFC应用程序与MySQL数据库的...
本篇文章将详细探讨如何使用MFC与ACCESS数据库进行交互，涵盖增加、删除、查找和修改数据的基础操作。 首先，连接ACCESS数据库是进行任何操作的前提。在MFC中，我们通常使用`CDatabase`类来表示数据库连接。要建立...
本文将详细介绍如何使用JavaScript对`<select>`控件进行各种操作，包括新增选项、修改选项、删除选项、选中特定选项、清空所有选项以及判断某个值的选项是否存在。 ### 一、判断选项是否存在 使用以下函数可以检查...
在本文中，我们将深入探讨如何使用C#编程语言与ACCESS数据库进行交互，包括创建、修改和删除数据库操作，以及在DataGridView控件中绑定数据并实现动态的删除、添加和修改功能。特别关注在数据量较大时如何高效地刷新...