动态追加select框中的项目的方法及代码
2010-7-12编辑:feimeimei
许多的适合其实很多东西都可以动态实现的，连SELECT框中的项目也一样，由于实际需要写了这个代码，感觉还很好用哦，拿出来给朋友分享一下，代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>www.webkkk.net</title>
<script language=javascript>
function add1() {
document.forms[0].selTest.options.length+=1;
var len = document.forms[0].selTest.options.length;
document.myform.selTest.options[len-1].value= len;
document.myform.selTest.options[len-1].text= "aaa" + len;
}
</script>
</head>
<body>
<FORM name=myform>
Add Select's Option.
<SELECT NAME="selTest">
<OPTION VALUE="-1" SELECTED > -- </OPTION>
<OPTION VALUE="0">0</OPTION>
<OPTION VALUE="1">1</OPTION>
<OPTION VALUE="2">2</OPTION>
<OPTION VALUE="3">3</OPTION>
<OPTION VALUE="4">4</OPTION>
<OPTION VALUE="5">5</OPTION>
<OPTION VALUE="6">6</OPTION>
<OPTION VALUE="7">7</OPTION>
<OPTION VALUE="8">8</OPTION>
</SELECT>
<INPUT TYPE="button" value="ADD" onclick="add1()">
</FORM>
</body>
</html>