您的位置：首页 > 其它

动态增删select下拉列表的节点

2009-04-06 10:00 330 查看

动态设置select下拉列表的选择项：

<html>
<head>
<title> New Document </title>
<mce:script language="JavaScript"><!--
function test(){
var s = document.getElementById('s');
for(var i=0;i<s.length;i++){
if(s[i].value == 'bbb'){
s[i].selected = true;
}
}
}
// --></mce:script>
</head>
<body>
<form id = 'sf' method=post action="">

<select id="s" name="s">
<option value="aaa" selected>aaaa</option>
<option value="bbb">bbbb</option>
</select>
<input type="button" value="test" onclick="test()">
</form>
</body>
</html>

动态增加或删除一个选项：

<HTML>

<SCRIPT LANGUAGE="JavaScript">
//增加一个节点
function add(){
var t = document.getElementById("t");
var n = new Option("test");
t.add(n);
}

//删除某个节点
function del(i){
var t = document.getElementById("t");
t.remove(i);
}
</SCRIPT>

<BODY>
<p>动态增删节点</p>
<SELECT id="t">
<OPTION VALUE="1" SELECTED>1</OPTION>
<OPTION VALUE="2">2</OPTION>
</SELECT>
<INPUT TYPE="button" VALUE="增加一个节点" ONCLICK="add()">
<INPUT TYPE="button" VALUE="删除第一个节点" ONCLICK="del(0)">
</BODY>
</HTML>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航