js: select列表值的添加删除

原创于 2006-10-11 23:42:00 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#button #function #html #javascript #border #input

javascript 专栏收录该内容

11 篇文章

订阅专栏

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

<!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>