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

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

我们遇到过这样的情况，有些邮箱中有让我增加附件的时候，想增加多少点击增加就可以了，可是却不知道怎么实习的，我看了一下，其实就是运用了一个innerHTML而已，下面我做了一个实例，这是个人的习惯，就是一给自己一个好的记忆存储，也方便需要查找资料的朋友，下面就是一个简单的例子：
<html>
<head>
<title>根据JAVASCRIPT设置innerHTML</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</style>
</head>
<script language="javascript">
//这个函数是根据用户设置的数字去重新生成innerHTML
function 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);
    id+=1;
    window.form1.upcount.value=id;
    str=window.upid.innerHTML;
    str+=addOne(id);
    window.upid.innerHTML=str;
}
//取得最终生成的innerHTML
function 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" οnclick="setid();" value="· 设定 ·">
    <input type="button" name="ButtonAdd" οnclick="setSetAddOne();" 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>
是一个HTML面页，拿下去就可以看效果，不用配什么的

给我老师的人工智能教程打call！http://blog.csdn.net/jiangjunshow

通过改变innerHTML的内容，动态增加选择项相关推荐

JAVA动态增加枚举项
前言在项目中,会存在很多枚举,比如下面颜色和水果的枚举,COLOR[RED(1),GREEN(2),BLUE(3)],FRUIT[APPLE(4),BANANA(5),ORANGE(6)],但是问题 ...
Extjs动态改变window的内容和fbar
Extjs动态改变window的内容和fbar,实现类似翻页的导航. 今天做项目时,经理要求我实现win上的翻页功能,通过标题进行上一页和下一页的导航功能,查阅了相关资料后,实现了如下的效果,当标题超 ...
js动态增加，删除td，tr，table，div
js实现的动态添加,删除table内容: 截图如下: 1. 2. 源代码: main.css body {background-image: url(../images/qiantai/bg.png) ...
C#导出Excle表格根据内容动态调整单元格大小
引入命名空间 using NPOI.HSSF.UserModel; using NPOI.HSSF.Util; using NPOI.SS.UserModel; using NPOI.SS.Util; ...
jquery追加html后删除,jquery动态增加删除元素节点
jquery动态增加删除元素节点对于语言编程,不同的思路有着不同的解决办法,Jquery对于动态的ul-li节点的增加删除实力操作思路: 1.做一个按钮用于增加li节点,使用Jquery:appen ...
antd Select 使用动态数据渲染选择项
2021年 11月30 日晴今天的天气比较好,星期天,也没有出去,最近在学习react,我也不知道学习这个有什么样的作用,其实我现在的工作是比较偏重于后端以及服务器相关的东西,但是总是想做个比较好 ...
问题小结（2）-dialog内容动态变化（调用系统方法时）
在android里,我们调用系统的方法创建和显示dialog,同时dialog的内容是动态变化的(同一个id的dialog每一次调用showDialog时),发现内容总是显示第一次的东西,怎么实现di ...
PHP-FPM.CONF配置：日志文件、端口设置、动态静态选择设置
在php-fpm.conf文件中添加如下配置 pm.max_children = 100 pm.start_servers = 30 pm.min_spare_servers = 20 pm.max_ ...
activiti动态增加节点_图神经网络之动态图
图这种结构普遍存在于人类社会生活中,如互联网中网页间的互相链接会构成图.网民购买商品会构成"网民-商品"图.人和人的交流会构成图.论文的互相引用也会构成图.有许多任务需要根据这些图 ...

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

给我老师的人工智能教程打call！http://blog.csdn.net/jiangjunshow

通过改变innerHTML的内容，动态增加选择项相关推荐

最新文章

热门文章