六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 146|回复: 0

通过改变innerHTML的内容,动态增加选择项

[复制链接]

升级  18.33%

73

主题

73

主题

73

主题

举人

Rank: 3Rank: 3

积分
255
 楼主| 发表于 2013-2-7 20:19:30 | 显示全部楼层 |阅读模式
<html><head><title>根据JAVASCRIPT设置innerHTML</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></style></head><script language="javascript">//这个函数是根据用户设置的数字去重新生成innerHTMLfunction setid(){    str='<br>';        if(!window.form1.upcount.value)        window.form1.upcount.value=1;    for(i=1;i<=window.form1.upcount.value;i++)        //str+='文件'+i+':<input type=file name=file'+i+' style=width:400><br><br>';        str=getStrValue();    //alert(str);    window.upid.innerHTML=str+'<br>';}//增加一个function setSetAddOne(){    var str;    var id=eval(window.form1.upcount.value);//alert(id);    id+=1;    window.form1.upcount.value=id;    str=window.upid.innerHTML;//td的html代码    str+=addOne(id);    window.upid.innerHTML=str;}//取得最终生成的innerHTMLfunction getStrValue(){    var str='';    if(!window.form1.upcount.value)        window.form1.upcount.value=1;    //alert(window.form1.upcount.value);    for(i=1;i<=window.form1.upcount.value;i++)    {        str+=addOne(i);        //alert(str);    }    return str;}//返回增加一项的字符,参数是当前是每几个function addOne(i){    var str='请选择操作项:<select name=select'+i+'><option value=1>中国人打死日本人</option><option value=2>中国人踢死日本人</option><option value=3>中国人玩死日本人</option></select><br><br>';    return str;}</script><body bgcolor="#FFFFFF" text="#000000"><form name=form1>  <br>  <table>        <tr align="left" valign="middle" bgcolor="#eeeeee">      <td bgcolor="#eeeeee" height="92">        <li> 设置个数          <input type="text" name="upcount" value="1">          <input type="button" name="Button"  value="· 设定 ·">      <input type="button" name="ButtonAdd"  value="· 增加 ·">        </li>      </td>    </tr>    <tr align="center" valign="middle">      <td align="left" id="upid" height="122">        请选择操作项:<select name=select1><option value=1>中国人打死日本人</option><option value=2>中国人踢死日本人</option><option value=3>中国人玩死日本人</option></select>      </td>    </tr>          </table></form></body></html>
原文出处:http://blog.csdn.net/fenglibing/archive/2007/07/10/1684776.aspx
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表