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

操作元素内容,改变元素内容 注意点:className会直接更改元素的类名,会覆盖原先的类名,之前元素没有类名,会直接加 上类名。假如样式较少,可以使用element.style,如果样式过多,就事先写好css样式,直接使用element.className来更改元素 样式。他是从起始位置到终止位置的内容,他可以吧html标签去除,同时空格和换行也会被清除, 并覆盖原内容。 阅读详情
    我们遇到过这样的情况,有些邮箱中有让我增加附件的时候,想增加多少点击增加就可以了,可是却不知道怎么实习的,我看了一下,其实就是运用了一个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" onclick="setid();" value="· 设定 ·">
      <input type="button" name="ButtonAdd" onclick="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面页,拿下去就可以看效果,不用配什么的
 
SAP 财务快速记账之—G/L Item Fast Entry SAP FICO 运维解决方案 阅读详情

相关推荐

Qt 5.15.2静态编译避坑实录:MinGW 32位版从源码到Creator配置的全流程踩坑总结

本文详细介绍了Qt 5.15.2 MinGW 32位版本的静态编译全流程,包括环境准备、配置参数优化、编译过程监控及安装后配置。重点解决了静态编译中的常见问题,如参数顺序敏感、路径引号问题等,并提供了性能对比实测数据,帮助开发者高效完成静态编译。

weixin_26749245的博客 271

innerHTML和innerText的用法(动态改变网页内容)

最近在学习JavaScript,觉得innerHTML和innerText太有用了,利用它们,我们可以试自己的网页实现动态化。不过在使用的过程中,千万要注意它们的大小写,因为错一点您就得不到预期的效果了。这是全新的方法,当您掌握它以后将可随心所欲的设计动态内容了,不可错过哦! [b]一:动态改变文本和Html [/b] [code="html"] ...

walsh_bupt的博客 2227

一生一芯——用RTL实现最简单的处理器NPC(南大数逻计组RV32ICPU) 代码及思考参考

本文介绍自己前期用Verilog编写的基于RV32I指令集的CPU,个人认为是最简单最易懂的版本(即没做什么优化,即代码很水,没有考虑一些奇怪的情况,只适用简单指令序列,即题目所示最简单的处理器),适合新手练手Verilog以及了解简单CPU的运行过程。本文基于一生一芯,利用Verilator进行仿真,并用gtkwave查看波形,不了解verilator和gtkwave的可以看前几篇文章。

long0_o的博客 3307

innerHtml动态生成button并绑定事件

innerHtml动态生成button并绑定事件的详细功能实现

Megamind_HL的博客 5712

OpenHarmony v4.1 Release设置应用随系统自动启动

OpenHarmony 4.1 版本中的 Ability Manager Service (AMS) 提供了应用自启动管理功能,允许系统控制哪些应用可以在系统启动时自动运行。这需要以下两个主要步骤:启用系统的自启动管理支持开发一个系统应用来管理自启动配置。

afufufufu的博客 1898

基于Simulink的转向控制系统仿真建模示例

本文完成了基于 Simulink 的 EPS 转向控制系统仿真,实现了:✅掌握 EPS 助力控制基本原理✅构建车速敏感的可变助力策略✅在 Simulink 中验证低速轻便、高速沉稳的手感✅达成“安全、舒适、高效”的现代转向系统。

xiaoheshang_123的博客 85

(原创)后台动态设置前台标签内容和属性

和以前的asp不同,在asp.net中为了彻底的代码分离,我们一般不采用嵌入标签中来设置一些属性和内容。一般来说有2种情况:(一)设置标签的内容,比如这里(二)设置标签的属性,比如(三)动态加载一些script先看一下(一)和(二):前台后台protected HtmlGenericControl mytitle;protected HtmlGenericControl mybody;this.m

2420

基于VisionMaster实现数据实时存储至MySQL (二)

摘要:之前的分享主要聚焦于简单的一维数据实时存储。但在做缺陷检测项目时,情况往往更加复杂:一张检测图像中可能同时存在多个缺陷,每个缺陷都有一组独立的核心参数(如质心、长短轴、面积等)。如何在 MySQL 中记录这些成组出现的缺陷数据,而不只是简单的单条记录?

haier123888的博客 226

select设置innerHMTL

select控件在标准浏览器下可以直接innerHTML设置内容,IE则不行。 HTML结构: <form name="form1"> <select name="select1"></select> </form> 先看直接使用select.innerHTML var form = document.forms...

weixin_30697239的博客 230

1-Spring Security OAuth2专栏介绍

我自己 我是码农小胖哥,一名后端软件工程师,有多年的后端开发经验,同时也是一名热衷于技术分享、拥抱开源的技术博主。我的技术栈主要是Java、Python、Kotlin,欢迎各位同行进行交流和分享。 个人技术公众号:码农小胖哥 个人博客:https://felord.cn Gitee: https://gitee.com/felord 你可以通过以上方式和我交流、解决学习中的疑难杂症。 2021年开源Spring Security 干货系列教程,2022年又开源Spring Security进阶版,帮

码农小胖哥 7935

使用 Simulink + Simscape Electrical 对 级联H桥多电平整流器并网功率分配 进行建模与仿真

摘要:本文详细介绍了基于Simulink对级联H桥(CHB)多电平整流器并网功率分配进行建模的方法。内容包括系统组成、功率分配意义、Simulink建模流程、PWM控制策略实现、功率分配算法设计以及仿真分析。重点阐述了主电路搭建、双环控制结构(外环功率分配+内环电流控制)和载波层叠PWM调制技术,并提供了功率分配算法示例。通过优化参数和控制算法,可提升系统性能。该建模方法为电力电子变换器和新能源并网系统研究提供了有效工具。

amy_mhd的博客 251

js innerHTML 改变div内容的方法

永远不知道你可以改变的内容,一个HTML元素?也许你要取代的文字段落中,以反映什么访客选定刚刚从下拉框中。通过操纵一个元素的innerHtml您可以变更您的文本和HTML多达你喜欢。 改变文字innerHTML 每个HTML元素具有InnerHtml属性定义的HTML代码和文字之间发生的元素的开幕式和闭幕式标记。通过改变一个元素的innerHTML后,一些用户交互,您可以更互动网页。 但是,

说:/~不了的专栏 4136

手把手教你学Simulink——基于重复控制(RC)的并网逆变器场景实例:基于RC的单相并网逆变器仿真

本次教程深入剖析了重复控制(RC)在单相并网逆变器中的应用,解决了周期性谐波抑制这一核心难题。核心收获RC是谐波抑制的“核武器”:它利用内模原理,对所有周期性谐波提供无限大增益,实现理论上无静差的跟踪和抑制。PI+RC是黄金组合:PI提供快速响应,RC提供稳态精度,二者结合,兼顾了动态与稳态性能。结构简单,效果卓越:相比多个PR控制器,RC仅需一个模块,即可抑制所有谐波,设计简洁。电能质量的终极追求,是波形的纯净。重复控制,如同一位不知疲倦的校对员它记住每一次错误(上一周期的误差),

MHD0815的博客 189

innerHTML和innerText的用法(动态改变网页内容) (转帖)

innerHTML和innerText的用法(动态改变网页内容) 博客分类: CSS/HTML JavaScriptHTML脚本  最近在学习JavaScript,觉得innerHTML和innerText太有用了,利用它们,我们可以试自己的网页实现动态化。不过在使用的过程中,千万要注意它们的大小写,因为错一点您就得不到预期的效果了。这是全新的方法,当您掌握它以后将可随心所欲的设...

iteye_7649的博客 531

霍尼韦尔SoftMaster使用说明

霍尼韦尔SoftMaster使用说明

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0, 兼容Win7/Win10/WinXP,解压就可用。

使用innerHTML属性创建动态内容

如果将服务器响应作为简单文本来访问,则灵活性欠佳。简单文本没有结构,很难用JavaScript进行逻辑性的表述,而且要想动态地生成页面内容也很困难。如果结合使用HTML元素的innerHTML属性,responseText属性就会变得非常有用。innerHTML属性是一个非标准的属性,最早在IE中实现,后来也为其他许多流行的浏览器所采用。这是一个简单的串,表示一组开始标记和结束标记之间的内容。

tycsl的专栏 2435

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

js动态改变div内容

js动态改变div内容;

bcbobo21cn的专栏 1183

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

JavaScript入门之改变HTML内容 innerHTML

JavaScript 中可通过document.getElementById("Id名"),然后 .innerHTML=“改变后的内容” 第一段JacaScript JavaScript 能改变HTML内容 function myFunction() { x = document.getElementById("demo"); x.innerHTML = "想我吗"; }

u011333814的专栏 958

innerHTML JQuery:innerHtml在jQuery中使用无效果

innerHTML是JavaScript原生的一种写法,给指定标签赋内容(并且若内容中有HTML标签,可以进行编译后显示,例:“ document.getElementById(‘btn’).innerHTML=’<li>是:<b>’+2222+’</b></li>’; ”)。 innerHTML在JQuery中使用的话是无效果的,JQuery提供了...

陈迹·清欢的博客 1306

html改变内容吗,HTML DOM 改变 HTML 内容

HTML DOM 允许 JavaScript 改变 HTML 元素的内容。改变 HTML 输出流JavaScript 能够创建动态的 HTML 内容:今天的日期是:Thu Feb 25 2016 19:25:10 GMT+0800在 JavaScript 中,document.write() 可用于直接向 HTML 输出流写内容。实例document.write(Date());绝对不要在文档加载...

weixin_36040020的博客 226

2、使用innerHTML属性创建动态内容——ajax基础笔记

使用innerHTML属性创建动态内容 如果结合作用HTML元素的innerHTML属性,responseText属性会变得非常有用。 innerHTML.html清单: &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.d...

junJZ_2008的专栏 243

js 通过innerHTML写入内容操作元素的文档节点

操作元素文档结构 通过innerHTML **增加节点** innerHTML+=innerHTML+"节点标签" showdiv.innerHTML=showdiv.innerHTML+"<div><input type='file' name='' id='' value=''/ ><input type='button' value='删除...

weixin_43294560的博客 1792
上一篇: 将excel里面的数据直接生成sql语句
下一篇: 搞定使用MySQL导入外部的SQL文件执行
冯立彬
冯立彬 优质创作者: 编程框架技术领域 优质创作者: 编程框架技术领域
博客等级 码龄21年 5458粉丝 593原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值