select中添加、修改、删除option元素

<!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").options[i]=oOption;
}
}
function watch_add(f){ // 增加
  var oOption=new Option(f.word.value,f.word.value);
  f.keywords.options[f.keywords.length]=oOption;
}
function watch_sel(f){ // 编辑
f.word.value = f.keywords.options[f.keywords.selectedIndex].text;
}
function watch_mod(f){ // 修改
f.keywords.options[f.keywords.selectedIndex].text = f.word.value;
}
function watch_del(f){ // 删除
f.keywords.options.remove(f.keywords.selectedIndex);
}
function watch_set(f){ // 保存
var set = "";
for(var i=0; i<f.keywords.length; i++){
set += f.keywords.options[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>

时间： 2024-09-08 10:48:01

select中添加、修改、删除option元素的相关文章

使用js对select动态添加和删除OPTION示例代码_javascript技巧

<select id="ddlResourceType" onchange="getvalue(this)"> </select> 动态删除select中的所有options: document.getElementById("ddlResourceType").options.length=0; 动态删除select中的某一项option: document.getElementById("ddlResourc

兼容firefox和Opera，select中添加、修改、删除option元素

兼容firefox和opera,select中添加.修改.删除option元素,代码如下: function watch_ini(){ // 初始 for(var i=0; i<arguments.length; i++){ var ooption=new option(arguments[i],arguments[i]); document.getelementbyid("myselect").options[i]=ooption; } } function watch_add

在Access 2007表中添加和删除字段

在创建Access2007表之后,有时需要修改表的设计,在表中增加或删除字段.在Access2007中,可以在"设计"视图和"数据表"中添加或删除字段. 一.在"设计"视图中添加或删除字段 在"设计"视图中添加或删除字段的操作步骤如下: (1)在"教学管理"数据库中,打开"学生"表并切换到设计视图.添加一个"出生日期"字段,选中"系别"字段行. (

asp批量添加修改删除操作示例代码

核心代码: <title>asp批量添加修改删除操作示例</title> <% if request.Form("op")="update" then'表单提交 ids=request.Form("ids") if ids<>"" then response.Write "要删除的数据id集合:"&ids&"<br>"

JS实现添加,替换,删除节点元素的方法_javascript技巧

本文实例讲述了JS实现添加,替换,删除节点元素的方法.分享给大家供大家参考,具体如下: 一直以来,对于节点操作比较纠结,特别是插入到某某节点之后.居然没有这个方法,以前的我写的方法有问题,是把新节点插入到旧节点的里面去了,还是该用insertBefore方法可以实现 下面是方法: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose

如何在Word 2013自定义词典中添加和删除单词

在Word2013中,用户可以在其提供的自定义词典中添加或删除单词,使词典更加符合自己的工作需要.在Word2013自定义词典中添加和删除单词的步骤如下所述: 第1步,打开Word2013文档窗口,依次单击"文件"→"选项"命令,如图2013080606所示. 图2013080606 单击"选项"命令 第2步,在打开的"Word选项"对话框中切换到"校对"选项卡,并单击"自定义词典"按钮

如何在wps文字中添加和删除页眉横线

  在wps文字中添加和删除页眉横线的方法: 点击WPS页眉左上角"插入"→"页眉页脚" 菜单栏最右边出现"页眉页脚"快捷键,文档上方出现了虚线方框(页眉) 点击菜单栏最后一项"页眉页脚",下拉菜单里"页眉横线"可以选择需要的横线线型(以直线为例,如下图2) 点击菜单栏最后一项"页眉页脚",下拉菜单里"页眉页脚选项"可以设置"首页不同"or只&qu

为excel vba中添加、删除模块并插入全过程图文详解

  为excel vba中添加.删除模块并插入全过程图文详解         方法/步骤 1.点按快速启动栏excel 程序图标 进入excel 界面 点击选中任意单元格 然后按alt+f11 进入vbe界面 2.点击菜单栏 插入命令 在弹出的活动菜单中点按模块命令 3.另一种方式插入模块的方法可以在工程资管管理器中鼠标点击空白处 右键单击鼠标 在弹出的快捷菜单中选择插入命令 二级菜单中选择模块命令 4.如图所示模块1.模块2分别是通过菜单栏插入命令 和工程资源管理器点击右键创建的模块 5.如果

Win7系统怎么在库中添加和删除文件夹

  一.将文件夹添加到库中的方法 1.首先你要先创建库,之后选中电脑桌面上的任意一个文件夹,比如"我的任务"文件,然后鼠标右击它选择"包含到库中--文档"选项; 2.在弹出来的文档窗口中,在文档库的区域下,拖动右侧滚动条,然后找到刚刚选中的文件夹,然后也可以很清楚的看到文件夹中所包含的文件. 二.将库中文件夹删除移除的方法 1.在文档窗口中,属于右击左侧的"文档"选项选择"属性"项; 2.在弹出来的文档属性对话框中,选中刚刚添

android-从 createChooser 中添加或删除选项

问题描述 从 createChooser 中添加或删除选项 String message = "Text I want to share"; Intent share = new Intent(Intent.ACTION_SEND); share.setType("text/plain"); share.putExtra(Intent.EXTRA_TEXT, message); startActivity(Intent.createChooser(share,&qu