js: select列表值的添加删除

gavin_sw

于 2006-10-11 23:42:00 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： button function html javascript border input

本文链接：https://blog.youkuaiyun.com/gavin_sw/article/details/1330957

javascript 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个简单的HTML页面示例，该示例使用JavaScript实现了一个动态更新的下拉菜单功能。用户可以在文本框中输入选项名称，并通过按钮添加到下拉菜单中；同样地，也可以从下拉菜单中移除已有的选项。本文适用于初学者理解如何在网页中进行基本的DOM操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
function addItem(obj){
var optionObj = document.createElement("OPTION");
obj.options.add(optionObj);
optionObj.innerText = itemName.value;
optionObj.value = "2";
}
function removeItem(obj){
obj.remove(obj.selectedIndex)
}
</script>
</head>