Select Tag's options process

最新推荐文章于 2025-09-04 12:32:31 发布

最新推荐文章于 2025-09-04 12:32:31 发布 · 123 阅读

文章标签：

16 篇文章

订阅专栏

本文提供了一个简单的DOM操作示例，展示了如何使用JavaScript删除和添加HTML选择器中的选项元素。通过两个按钮触发的函数f1()和f2()，分别实现了从下拉列表中移除所有选项及向列表中添加新选项的功能。

xml 代码

<html>
<head>
<script src="file:///E:\FrameWork\prototype\prototype-1.4.0\dist\prototype.js"></script>
<script language="javascript">
function f1()
{
var els=$('s1').getElementsByTagName('option');
// 没有i++
for(var i=0;i<els.length;){
// alert(els[i].innerHTML);
$('s1').removeChild(els[i]);
}
}
function f2()
{
el1=document.createElement('option');
el1.value="aa";
el1.innerHTML="bb";
$('s1').appendChild(el1);
}
</script>
</head>
<body>
<select id="s1">
<option>A</option>
<option>B</option>
<option>C</option>
<option>D</option>
</select>
<input type="button" onclick="f1()" value="del">
<input id="b2" type="button" onclick="f2()" value="add">
<a href="create_opener_el.html" target="_blank" >asdf</a>
</body>