2 tth121935193 tth121935193 于 2013.06.27 21:41 提问

javascript 怎样把拼接起来的<tr><td></td></tr>插入到一个table,

function addcolumns(selecedAllColumns){
var showContentObj=document.getElementById("selectedTableStructShowDiv");
innerHTML.document.getElementById("allColumnsTab");

var userTableStr='';
userTableStr +='<table width="750" height="33" border="1">';
userTableStr += '<tr>';
userTableStr += '<td width="100"><input type="text" size ="11" value=""/></td>';
userTableStr += '<td width="100"><input type="text" value="" size ="11"/></td>';
userTableStr += '<td width="90"><input type="text" value="" size ="8"/></td>';
userTableStr += '<td width="390"><select name="tableColumnsName" id="tableColumnsName" onchange="setDataTypeLength()">';
userTableStr += '<option>--请选择--</option>';
for(var j=0;j<selecedAllColumns.length;j++)
{
var objcolumns = selecedAllColumns[j].columnName+","+selecedAllColumns[j].dataType+","+selecedAllColumns[j].dataLength;
    userTableStr += '<option value="'+objcolumns+'">'+selecedAllColumns[j].columnName+'</option>';
}
userTableStr +='</select></td>';
userTableStr += '<td width="60"><input type="text" value=""/></td>';
userTableStr += '<td width="20"><input type="text" value="" size ="3"/></td>';
userTableStr += '<td width="93"><input id="primaryKey" type="radio" /></td>';
userTableStr += '<td width="93"><input id="defaultValue" type="text" value="" size ="20" /></td>';
userTableStr += '</tr>';
userTableStr +='</table>';


showContentObj.innerHTML=showContentObj.innerHTML+userTableStr;

}
插入到下面的表中要怎么实现
/***

  • project:uum
  • author:yangjianting
  • description:显示所有数据列表的字段信息
  • updatetime:上午01:11:41
    */
    function showSelectTablePage(selecedAllColumns,selectedAllSourceColumns,tableName,sourceTableName,dataSourceTableId)
    {
    var showContentObj=document.getElementById("selectedTableStructShowDiv");
    var userTableStr='';
    userTableStr +='

    ';

    userTableStr += '

    ';
    userTableStr += '';
    userTableStr += '';
    userTableStr += '';
    userTableStr += '';

    userTableStr += '

    ';
    userTableStr +='
    '+sourceTableName+''+tableName+'是否主键默认值
    ';

    userTableStr +='

    ';
    for(var i=0;i {
    userTableStr += '';
    userTableStr += '';
    userTableStr += '';
    userTableStr += '';
    userTableStr += '';
    userTableStr += '';
    userTableStr += '';
    userTableStr += '';
    userTableStr += '';
    userTableStr += '';
    }

    userTableStr +='

    '+selectedAllSourceColumns[i].columnName+''+selectedAllSourceColumns[i].dataType+''+selectedAllSourceColumns[i].dataLength+'';
    userTableStr += '--请选择--';
    for(var j=0;j {
    var objcolumns = selecedAllColumns[j].columnName+","+selecedAllColumns[j].dataType+","+selecedAllColumns[j].dataLength;
    userTableStr += ''+selecedAllColumns[j].columnName+'';
    }
    userTableStr +='
      
    ';

    showContentObj.innerHTML="";
    showContentObj.innerHTML=userTableStr;
    }

2个回答

yzsunlight
yzsunlight   2013.06.27 22:13

你写的没看明白,
不过你网上收下dom 操作 表格 很多例子 就清楚了

jingongbaidu
jingongbaidu   2013.07.03 10:14

你拼接的时候不要拼接table标签,例如这样

html部分:


js部分:
str="test";
//js循环部分
for(var i=0;i str+=""+i+"";
}
//最后dom操作,将拼接好得字符串,写入到table里
$(".intable").html(str);
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
tr拼接到Table
type="text/javascript"> function getProducts() { $.getJSON("api/products", function (data) { $('#products').empty(); // Clear the table body. /
HTML中使用JavaScript创建TR和TD
有时候我们需要动态的创建Tr和Td对象.这里要说的是在IE中和在FireFox中不同之处.假设我们有下面这个玩意, 一个Table的壳子.table id="table">table> 现在需要创建一个TRIE中如下:var table = document.getElementById("table");var tr = table.insertRow();
js动态增加,删除td,tr,table,div
js实现的动态添加,删除table内容: 截图如下: 1.   2.   源代码: main.css body { background-image: url(../images/qiantai/bg.png); font-family: arial; font-size: 12px; color: #d4d7da; text-align: center; ba
遍历table中的tr td
function bianli() { $("#tset").find("tr").each(function() { var tdArr = $(this).children(); var history_income_type = tdArr.eq(0).find("input").val(); //收入类
jQuery如何追加tr到table中任意位置--向Table中指定位置添加tr或td(jQuery)
jQuery 添加新内容有以下四个方法: append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容 $(function(){     $("#btn1").click(function() {
js:往tr里添加td也可以这么写
var tr = document.createElement("tr"); tr.setAttribute("onclick","showSubEntityTable($(this),'"+entity.sequCode+"')") //选择框 var td0 = document.createElement("td"); td0.
JQuery动态添加表格tr td
功能:ajax获取后台返回数据给table动态添加tr/td html: ajax:var year = $('#year').val();//下拉框数据 var province= $('#province').val();//下拉框数据 $('table tbody').html(''); $.ajax({ url:"/Plan/sendJson.html",
jQuery实现动态添加tr到table的方法
"http://www.w3.org/TR/html4/strict.dtd">           添加用户                         添加用户:       姓名:       email:       电话:       提交                                    
jQuery如何追加tr到table中?
jQuery 添加新内容有以下四个方法: append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容 下面实例演示:点击按钮则在表格数据区域增加一行 1、HTML结构 列1列2列3 112
利用AJAX生成自动添加tr的table,并且为添加的tr附加上方法
首先确保有一个table:   然后获取table并新建tr