如何从文本文件预填充动态 HTML 表的值


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 文件是最容易的。使用外部文本文件而不是数组是否有原因?