Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/470.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否可以使用php预填充动态html表的值?_Javascript_Php_Html_Dynamic Data - Fatal编程技术网

Javascript 是否可以使用php预填充动态html表的值?

Javascript 是否可以使用php预填充动态html表的值?,javascript,php,html,dynamic-data,Javascript,Php,Html,Dynamic Data,使用下面的代码,我可以预先填写表单的输入元素 <?PHP $filename = 'txt.txt'; $str = file_get_contents($filename); for ($y=5; $y<=10;$y++){ if($data[$y][0]=="PROJECT TITLE"){ $projecttitle= $data[$y][1];} } ?> <tr&

使用下面的代码,我可以预先填写表单的输入元素

      <?PHP

       $filename = 'txt.txt';
     $str = file_get_contents($filename);
     for ($y=5; $y<=10;$y++){
     if($data[$y][0]=="PROJECT TITLE"){
    $projecttitle= $data[$y][1];}
      } ?>

          <tr>
  <th>Project Title: </th>
  <td><span class="dropt">
  <input id="projecttitle" onkeyup="ProjectTitleValidate()" value="<?php echo $projecttitle ?>" autocomplete="off" type="text" maxlength="50" name="projecttitle" title="Project Title for reference!">
  </td>
  </tr>
但如何做到这一点,对于这种动态表

    <script>
      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(); 
 </script>

          <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>

  <tr>
  <th>Number of heads per model:</th>
  <td>
  <table id="contentTable" border="1" name="contentTable">
    <!-- Fill table programmatically -->
</table></td>
  </tr>

我试图在JavaScript输入元素(如value=)中包含php,但这不会生成表,有什么方法可以实现这一点吗?

我更像是一个设计师而不是程序员,因此我将提供一个回复,这可能会激发一些真正的程序员做出响应

当我在我的网站上搜索活动日历和画廊页面的类似功能的开发自动化时,我发现了以下代码。我的网站需要在日期协调信息字段中插入各种文本详细信息-组合日历+事件信息,交叉链接

RSPA程序源代码页的URL:

RSPA是一个基于组件的事件驱动的支持ajax的PHP4和PHP5框架。它是平面PHP类和HTML的组合

使用此框架,您可以从客户端控制事件调用服务器端PHP类函数。在服务器端函数中,您可以直接操作客户端对象

我使用Prototype和script.aculo.us

    <script>
      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(); 
 </script>

          <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>

  <tr>
  <th>Number of heads per model:</th>
  <td>
  <table id="contentTable" border="1" name="contentTable">
    <!-- Fill table programmatically -->
</table></td>
  </tr>
      Vector: 23 34 43 54