[英]how to pre-fill the values of a dynamic HTML table from a text file?
我在jsfiddle中有以下代碼, http://jsfiddle.net/y3x4q/
JavaScript:
function buildTable(val)
{
var myTable =document.getElementById("contentTable");
var j=val;
var r1=val;
var rows = [];
var cells = [];
while (myTable.hasChildNodes()) {
myTable.removeChild(myTable.lastChild);
}
for( var i = 0; i < 1; i++ )
{
rows[i] = myTable.insertRow(i);
if(i%3==2)rows[i].addClass("every3rdrow");
cells[i] = [];
for( var x = 0; x < j ; x++ )
{
cells[i][x] =document.createElement((x==0)?"th":"td");
cells[i][x].innerHTML = (x==0)?"<input id=t onchange=ty() name=t[] size=3>":"<input id=t1 onchange=ty1() name=t1[] size=3>";
rows[rows.length - 1].appendChild(cells[i][x]);
}
}
}
buildTable();
HTML:
<tr>
<th>Number of Models:<title="Number of Models"></th>
<td><select id="numbermodels" name="numbermodels" onmouseover="buildTable(this.value)" onchange="buildTable(this.value);buildTable4(this.value);">
<option value="1">1</option >
<option selected="selected" value="2">2</option >
< option value="3">3</option >
<option value="4">4</option >
<option value="5">5</option >
<option value="6">6</option >
</select></td>
</tr><br>
<tr>
<th>Number of heads per model:</th>
<td>
<table id="contentTable" border="1" name="contentTable">
<!-- Fill table programmatically -->
</table></td>
</tr>
我如何從外部文本文件填充表中的值? 我試圖在javascript中使用php標簽,但我無法通過這種方式獲取,可以通過使用getElementsByTagName來實現嗎? 這個怎么做 ?
如果您嘗試從加載的外部文件中獲取內容,最好的選擇是使用AJAX。 因此,請使用AJAX獲取數據,並可能使用JQuery將數據解析到表中。 您將無法使用CSS文件。 我幾乎猜到使用HTML文件是最簡單的。 您使用外部文本文件而不是數組是有原因的嗎?
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.