js 拼接字符串,table等

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;


全局就是一个userTableStr的空字符串,一直是+=的形式,把所有想要的表单写好,中间加了一个下拉框的选择,
也可以加上触发函数,都可以加上。再次学习一下:rows[0]["Name"]==rows[0].Name
--------------------------------------------------------------------------------------------------------
也可以用Jquery的Append来追加的
$( "#div" ).append( "<table><tr align='center'>"
+ "<td >" + "拼接的DIV内容" + "</td>"
+"</tr></table>");


 function GetProductOrderInfo(obj) {
                var strhtml = "<ul class='artDialogDiv'>";
                $.each(obj, function (i, item) {
                    strhtml += "<li>" + item.OrderNo + " <a href='/product/OrderIndex'>查看</a> </li>";
                });
                strhtml += "</ul>";
                return strhtml;
            }

(2追加:)$("#pText").append("<span>2222</span>");结果是:<pid="1"><p>1111</p><span>2222</span></p>


转载于:https://www.cnblogs.com/ZkbFighting/p/8065091.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值