动态追加select框中的项目

代码实现的功能是:点击画面上追加按钮,然后画面上的select的项目数就会追加一个,纯静态页面,不修改文件内容,只是显示内容变化而已。演示地址www.webkkk.net/yanshi/addselect.htm

代码如下:

<!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" οnclick="add1()">
</FORM>
</body>
</html>


本文 首发www.webkkk.net

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值