html给自动生成的td赋值,JS 动态创建Table,Tr,Td并赋值的简单示例
修改:
要求主题列表随成果类型改变而改变
网上查询资料后开工,在成果类型下拉框添加change()事件触发Dwr,查询主题集合——动态创建/编辑Table
JS部分: 经测试代码如下:
/**
* 动态创建Table,Tr,Td并赋值
*
* @param
* @arrange (编程之家) jb51.cc
**/
//动态获取主题数据
function getzts(){
parentId = document.getElementById("bselect1").value;
if(parentId!=""){
dwrMethod.getZtList(parentId,callback5);
}else{
//清空主题Table的数据
var t=document.getElementById("zhutiTable"); //获取Table
var length= t.rows.length; //获得Table下的行数
if(length!=0){ //如果有行,则清空
for(var i=length-1;i>=0;i--)
{
t.deleteRow(i);
}
}
var r = t.insertRow();
var c = r.insertCell();
c.innerHTML="暂无主题列表";
document.getElementById('zhutiTable').appendChild(t);
}
}
function callback5(provinces){
var t=document.getElementById("zhutiTable"); //获取Table
var length= t.rows.length; //获得Table下的行数
if(length!=0){ //如果有行,则清空
for(var i=length-1;i>=0;i--)
{
t.deleteRow(i);
}
}
if(provinces.length>0){
for (var i = 0; i < provinces.length; i++) {
//tr
if(i%4==0){
var r = t.insertRow(t.rows.length);//创建新的行
}
//td
var c = r.insertCell(); //创建新的列
c.innerHTML = ""+provinces[i][1];
}
}else{
var r = t.insertRow();
var c = r.insertCell();
c.innerHTML="暂无主题列表";
}
document.getElementById('zhutiTable').appendChild(t);
}
html部分: 经测试代码如下:
成果类型
*
[html]
主题
注:请先选择成果类型 |
总结
如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
小编个人微信号 jb51ccc
喜欢与人分享编程技术与工作经验,欢迎加入编程之家官方交流群!
html给自动生成的td赋值,JS 动态创建Table,Tr,Td并赋值的简单示例相关推荐
- html给自动生成的td赋值,JS动态创建Table,Tr,Td并赋值的具体实现
成果库修改: 要求主题列表随成果类型改变而改变 网上查询资料后开工,在成果类型下拉框添加change()事件触发Dwr,查询主题集合--动态创建/编辑Table 概要代码如下: JS //动态获取主题 ...
- js 动态创建table标签下的tr标签
使用JavaScript根据后台获取的数据进行创建table标签下的tr标签 前端页面中的标签部分代码 <table class="layui-table lay-even" ...
- 前端小技巧:js 动态创建table标签下的tr标签
使用JavaScript根据后台获取的数据进行创建table标签下的tr标签 前端页面中的标签部分代码 <table class="layui-table lay-even" ...
- html中表格元素的英文,HTML中表格元素TABLE,TR,TD及属性的语法
table:表格元素及属性 属性说明 width 表格宽度,单位为%或象素 border 表格边框线的粗细 cellspacing 表格间距 cellpadding 表格边距 ...
- html 中 table tr td br 什么意思 是什么的缩写
HTML(HyperText Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言.设计HTML语言的目的是为了能把存放在 ...
- html table tr td br 什么意思 缩写
html table tr td br 什么意思 缩写 2010-03-04 23:09 <TABLE>代表表格</TABLE> <TR>代表表格中的一行</ ...
- js动态创建表格以及赋值
1.使用js动态创建表格 (1)不可编辑的表格 function creatTableA() {var tbody = document.querySelector('#tableA');for (v ...
- 原生js动态为table追加html,JS动态添加Table的TR,TD实现方法
本文实例讲述了JS动态添加Table的TR,TD实现方法.分享给大家供大家参考.具体实现方法如下: var tempRow=0; var maxRows=0; function insertRows( ...
- 实现js动态创建img并使用canvas画线连接
实现js动态创建img,使用canvas画线连接img,当背景图更换时,重新绘制img及连接线. 前台页面 @{ Layout = null; } <!DOCTYPE html> ...
最新文章
- 配置https后访问返回403 forbidden
- 华硕老毛子(Padavan)——L2TP连接自动重连解决方案
- boost::callable_traits的has_varargs的测试程序
- android数据存储心得,android学习心得 轻量级存储SharePreferences
- 电工结业试卷_电工技术基础结业考试试卷
- 【操作系统】独立进程与协作进程
- mybatis-java-依赖注入
- 《Cortex-M0权威指南》之体系结构---存储器系统
- call需要多大带宽 video_KCP TCP是为流量设计的(每秒内可以传输多少KB的数据),讲究的是充分利用带宽。而KCP是为流速设计的(单个数据包从一端发送到一端需要多少时间)...
- 对学习linux一周的总结
- 前自增和后自增的比较
- VC编译连接选项详解
- ibm 的java实现_IBM Java Toolbox for 实现IBM i 消息通信
- PHP之——官方手册下载地址
- 终于有人把数据安全讲明白了
- 蚂蚁金服 RPC 框架 Sofa-Bolt 结构分析
- Windows驱动开发第8课(驱动签名与禁用签名打开系统测试模式)
- ins无法发帖_instagram发完图片就没了_ins发不了照片_解决方法
- 尚医通项目101-123:前台用户系统、登录注册、邮箱登录
- NOT EXISTS真的不走索引么?如何优化NOT EXISTS!