在JS里创建了一个数组，创建了表格的<tr>和<td>,然后我想将数组里的值遍历到创建的<td>中，怎么处理？
部分代码：varch_rm=newArray("北京","上海","广州","深圳","成都","长沙","杭州","天津","重庆","沈阳","哈尔滨","武汉","...
部分代码：
var ch_rm=new Array("北京","上海","广州","深圳","成都","长沙","杭州","天津","重庆","沈阳","哈尔滨","武汉","南京","西安","济南","合肥","福州");
var cityTable=document.getElementById("cityTable");//获取表格ID
var row=document.createElement("tr");
var cell=document.createElement("td");
for (var i=0;i<ch_rm.length;i++){
//下一步怎么处理？比方说数组里有17个值，我想分别将17个值赋到表格里，然后按5行3列显示出来，多余的值用分页来显示，怎么处理？（分不多，还请多多帮忙，谢谢） 展开
var ch_rm=new Array("北京","上海","广州","深圳","成都","长沙","杭州","天津","重庆","沈阳","哈尔滨","武汉","南京","西安","济南","合肥","福州");
var cityTable=document.getElementById("cityTable");//获取表格ID
var row=document.createElement("tr");
var cell=document.createElement("td");
for (var i=0;i<ch_rm.length;i++){
//下一步怎么处理？比方说数组里有17个值，我想分别将17个值赋到表格里，然后按5行3列显示出来，多余的值用分页来显示，怎么处理？（分不多，还请多多帮忙，谢谢） 展开
2个回答
展开全部
大体应该是这样吧，没有写完，好多条件没考虑全面，还需要你自己完善<html>
<head>
<script language="javascript">
function on_Load(rowCount,colCount)
{
var ch_rm=new Array("北京","上海","广州","深圳","成都","长沙","杭州","天津","重庆","沈阳","哈尔滨","武汉","南京","西安","济南","合肥","
福州");
var cityTable=document.getElementById("cityTable");//获取表格ID
if (cityTable.rows.length>0)
{
for(var clr=cityTable.rows.length-1;clr>=0;clr--)
{
cityTable.deleteRow();
}
}
for(var r=0;r<rowCount;r++)
{
var row=document.createElement("tr");
for (var i=0;i<colCount;i++){
var chIndex = r*colCount+i+document.getElementById("hid_Last").value*rowCount*colCount;
if (chIndex >= ch_rm.length)
{
break;
}
var cell=document.createElement("td");
cell.innerText = ch_rm[chIndex];
row.appendChild(cell);
}
cityTable.appendChild(row);
}
}
function showList(objType)
{
if (objType != null)
{
if (objType == 1) //首页
{
document.getElementById("hid_Last").value = 0;
on_Load(5,2);
}
else if (objType == 2) //上页
{
if (document.getElementById("hid_Last").value>0)
{
document.getElementById("hid_Last").value -= 1;
on_Load(5,2);
}
}
else if (objType == 3) //下页
{
document.getElementById("hid_Last").value += 1;
on_Load(5,2);
}
else if (objType == 4)//尾页
{
}
}
}
</script>
</head>
<body onload="on_Load(5,2);">
<div id="a">asdf
<table>
<tbody id="cityTable">
</tbody>
</table>
<input type="hidden" id="hid_Last" value = "0">
<button id="btnPer" onclick="showList(1)">首页</button>
<button id="btnPer" onclick="showList(2)">上页</button>
<button id="btnPer" onclick="showList(3)">下页</button>
<button id="btnPer" onclick="showList(4)">尾页</button>
</div>
</body>
</html>
<head>
<script language="javascript">
function on_Load(rowCount,colCount)
{
var ch_rm=new Array("北京","上海","广州","深圳","成都","长沙","杭州","天津","重庆","沈阳","哈尔滨","武汉","南京","西安","济南","合肥","
福州");
var cityTable=document.getElementById("cityTable");//获取表格ID
if (cityTable.rows.length>0)
{
for(var clr=cityTable.rows.length-1;clr>=0;clr--)
{
cityTable.deleteRow();
}
}
for(var r=0;r<rowCount;r++)
{
var row=document.createElement("tr");
for (var i=0;i<colCount;i++){
var chIndex = r*colCount+i+document.getElementById("hid_Last").value*rowCount*colCount;
if (chIndex >= ch_rm.length)
{
break;
}
var cell=document.createElement("td");
cell.innerText = ch_rm[chIndex];
row.appendChild(cell);
}
cityTable.appendChild(row);
}
}
function showList(objType)
{
if (objType != null)
{
if (objType == 1) //首页
{
document.getElementById("hid_Last").value = 0;
on_Load(5,2);
}
else if (objType == 2) //上页
{
if (document.getElementById("hid_Last").value>0)
{
document.getElementById("hid_Last").value -= 1;
on_Load(5,2);
}
}
else if (objType == 3) //下页
{
document.getElementById("hid_Last").value += 1;
on_Load(5,2);
}
else if (objType == 4)//尾页
{
}
}
}
</script>
</head>
<body onload="on_Load(5,2);">
<div id="a">asdf
<table>
<tbody id="cityTable">
</tbody>
</table>
<input type="hidden" id="hid_Last" value = "0">
<button id="btnPer" onclick="showList(1)">首页</button>
<button id="btnPer" onclick="showList(2)">上页</button>
<button id="btnPer" onclick="showList(3)">下页</button>
<button id="btnPer" onclick="showList(4)">尾页</button>
</div>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
