动态生成DIV和传递值

lphj07 2015-08-26 06:53:31

1、从数据读出记录数N条，如何动态将以下DIV生成N次
2、AAAA、BBBB、CCCC、DDDD值如何用数据库里读出的值替代
开发环境为：ASP.NET C#、SQL SERVER

</head>
<body >
<form id="form1" runat="server">

//从此处开始
<div id="header" class="shadow " style="background-color: #99CCFF" >
<div style="float:left;text-align:left;height:70px">
<span >卡券号码：AAAA</span>
<br />
<span >使用说明：BBBB</span>
<br />
<span >有效期限：CCCC</span>
</div>
<div class="right-ad"><a href="DDDD" /><img src="images/logo1.png" /></div>
</div>
//到此处结束

</form>
</body>
</html>

分数不够再补

...全文

174 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

可能黑客 2015-08-28

打赏
举报

用for循环就可以，类似下面，随手写的，有错的话谅解 var divarr=[]; for(i=0;i<=N-1;i++){ divarr[i]=document.createElement("div") var span1=document.createElement("span") span1.innerHTML="卡券号码："+AAAA; divarr[i].appendChild(span1); } 向div里appendchild就行了，注意样式，数据库读出来的值要用的话要看是什么格式的了

hch126163 2015-08-28

打赏
举报

可以在服务器端循环，拼接html 也可以js 循环，拼接html

钻石丶青春 2015-08-27

打赏
举报

js 控制先用ajax请求结果集然后循环拼出div结构然后append就行了吧

qq137051908 2015-08-27

打赏
举报

使用repeater控件，具体用法网上找找。


<ItemTemplate>
 /从此处开始
<div id="header" class="shadow "  style="background-color: #99CCFF" >           
  <div  style="float:left;text-align:left;height:70px">
      <span >卡券号码：<%#Eval("data_a")%></span>
      <br />
      <span >使用说明：<%#Eval("data_b")%></span>
      <br />
      <span >有效期限：<%#Eval("data_c")%></span>
  </div>      
  <div class="right-ad"><a href="DDDD" /><img src="images/logo1.png" /></div>
</div>
//到此处结束
</ItemTemplate>