Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/266.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
在PHP表单中插入“添加行”功能并将其链接到数据库_Php - Fatal编程技术网

在PHP表单中插入“添加行”功能并将其链接到数据库

在PHP表单中插入“添加行”功能并将其链接到数据库,php,Php,如何在我的PHP表单中包含addrow特性,并在数据库中插入额外添加的行?我曾尝试使用按钮的HTML代码插入额外的行,但它不起作用。我需要使用javascript吗??请帮帮我 这是我的HTML代码。单击“添加”按钮后未添加行 <?php session_start(); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/

如何在我的PHP表单中包含addrow特性,并在数据库中插入额外添加的行?我曾尝试使用按钮的HTML代码插入额外的行,但它不起作用。我需要使用javascript吗??请帮帮我 这是我的HTML代码。单击“添加”按钮后未添加行

    <?php
    session_start();
    ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <script language="javascript" type="text/javascript">
    var i=1;
    function addRow()
    {
          var tbl = document.getElementById('table2');
          var lastRow = tbl.rows.length;
          var iteration = lastRow - 1;
          var row = tbl.insertRow(lastRow);

          var firstCell = row.insertCell(0);
          var el = document.createElement('input');
          el.type = 'text';
          el.name = 'activityname_' + i;
          el.id = 'activityname_' + i;
          firstCell.appendChild(el);

          var secondCell = row.insertCell(1);
          var el2 = document.createElement('input');
          el2.type = 'text';
          el2.name = 'unit_' + i;
          el2.id = 'unit_' + i;
          secondCell.appendChild(el2);

          var thirdCell = row.insertCell(2);
          var el3 = document.createElement('input');
          el3.type = 'text';
          el3.name = 'weightage_' + i;
          el3.id = 'weightage_' + i;
          thirdCell.appendChild(el3);

          var thirdCell = row.insertCell(3);
          var el4 = document.createElement('input');
          el4.type = 'text';
          el4.name = 'per100_' + i;
          el4.id = 'per100_' + i;
          fourthCell.appendChild(el4);

          var thirdCell = row.insertCell(4);
          var el5 = document.createElement('input');
          el5.type = 'text';
          el5.name = 'per75_' + i;
          el5.id = 'per75_' + i;
          fifthCell.appendChild(el5);

          var thirdCell = row.insertCell(5);
          var el6 = document.createElement('input');
          el6.type = 'text';
          el6.name = 'per50_' + i;
          el6.id = 'per50_' + i;
          sixthCell.appendChild(el6);

          var thirdCell = row.insertCell(6);
          var el7 = document.createElement('input');
          el7.type = 'text';
          el7.name = 'per75_' + i;
          el7.id = 'per75_' + i;
          seventhCell.appendChild(el7);
         // alert(i);
          i++;
          frm.h.value=i;
        //  alert(i);
    }
    </script>
    <?php
    error_reporting(0);
    include ('includes/workplan_func.php');
    ?>
    <link rel="stylesheet" type="text/css" href="css/mystyle.css" />
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title> Workplan Detail Form </title>
    </head>

    <body>
    <div id="wrapper">
    <div id="header">
    <img src="images/logo.jpg" width="305" height="108" />
    </div>
    <div id="Box">
      <ul>
       <li><a href="workplan.php">Workplan Detail</a></li>
      <li><a href="workprogress.php">Workplan Progress</a></li>
      <li><a href="pbis_form.php">PBIS</a></li>
      <li><a href="logout.php">Logout</a></li>
    </ul>
    </div>
    <div id="rightcol">
      <div id="Content" align="center">
    <h1 align="center">Workplan Detail Form</h1>
    <div id="table1" class="container" align="left">    
                //<form name="frm" id="frm" action="includes/workplan_func.php" method="post">
                <table width="398" height="118" border="0" align="left" >

                  <td>
                        <tr>
                            <td > <p>Division Name:</p> </td>
                            <td><input name="divisionname" type="text" /></td>
                        </tr>
                        <tr>
                            <td><p>Division Chief: </p></td>
                            <td>   
                            <input type="text" name="divisionchief" /></td>
                        </tr>
                        <tr>
                            <td><p> Period:  </p> </td>
                            <td>  
                            <input type="text" name="period" /></td>

                        </tr>
                        <tr>
                            <td><p> Month:</p>  </td>
                            <td>  

                            <input type="month" name="month" /> </td>
                        </tr>
                      </table>
                    </td>

                    </table>
                    </div>
                    <div id="table2">
                    <table border="1" align="center" cellpadding="1" cellspacing="1">
                <tr>
                    <td rowspan="2" align="center"> SN </td>
                    <td rowspan="2" align="center"> Activity Name </td>
                    <td rowspan="2" align="center" > Unit </td>
                    <td rowspan="2" align="center"> Weightage </td>
                    <td colspan="4" align="center"> Performance Indicators(Percentage)
                    </td>
                 <tr>
                    <td align="center">100 </td>
                    <td align="center"> 75</td>
                    <td align="center"> 50 </td>
                    <td align="center"> <50 </td>
                 </tr>
                 <form name="frm" id="frm" action="includes/workplan_func.php" method="post">
                 <table border="1" align="center" cellpadding="1" cellspacing="1" id="table2">
                 <tr>
                 <td width:50px > </td>
                    <td> <input type="text" name="activityname_0" id="activityname_0" style="width:130px"/> </td>
                    <td> <input type="text" name="unit_0" id="unit_0" style="width:50px" /> </td>
                    <td> <input type="text" name="weightage_0" id="weightage_0" style="width:130px" /> </td>
                    <td> <input type="text" name="per100_0" id="per100_0" style="width:50px" /> </td>
                    <td> <input type="text" name="per75_0" id="per75_0" style="width:50px" /> </td>
                    <td> <input type="text" name="per50_0" ="per50_0" style="width:50px" /> </td>
                    <td> <input type="text" name="perless50_0" id="perless50_0" style="width:50px" /> </td>
                  </tr>


                  </table>
                  </div>


                  <div id="button">

                        <div align="center">  <input type="button" value="Add" onclick="addRow();" />
                                              <input name="submit" type="submit" value="Submit" />
                        </div>
                        </div>
                        </div>
                        <label>
                        <input name="h" type="hidden" id="h" value="0" />
                        </label>
                        </form>
                 </body>
                 </html>

var i=1;
函数addRow()
{
var tbl=document.getElementById('table2');
var lastRow=tbl.rows.length;
var迭代=最后一行-1;
变量行=tbl.insertRow(最后一行);
var firstCell=row.insertCell(0);
var el=document.createElement('input');
el.type='text';
el.name='activityname_uu'+i;
el.id='activityname_uu'+i;
第一个细胞。追加子细胞(el);
var secondCell=row.insertCell(1);
var el2=document.createElement('input');
el2.type='text';
el2.name='unit_'+i;
el2.id=‘单位‘+i;
第二细胞。附属物子细胞(el2);
var thirdCell=行插入单元格(2);
var el3=document.createElement('input');
el3.type='text';
el3.name='weightage_uu'+i;
el3.id='权重uu'+i;
第三个细胞。附属物(el3);
var thirdCell=行插入单元格(3);
var el4=document.createElement('input');
el4.type='text';
el4.name='per100_'+i;
el4.id='每100天'+i;
第四细胞。附属物(el4);
var thirdCell=行插入单元格(4);
var el5=document.createElement('input');
el5.type='text';
el5.name='per75_'+i;
el5.id='per75_uu'+i;
第五个细胞。附属物(el5);
var thirdCell=行插入单元格(5);
var el6=document.createElement('input');
el6.type='text';
el6.name='per50_uu'+i;
el6.id='每50天'+i;
第六细胞。附属物(el6);
var thirdCell=行插入单元格(6);
var el7=document.createElement('input');
el7.type='text';
el7.name='per75_uu'+i;
el7.id='per75_u'+i;
第七个细胞。附属物(el7);
//警报(一);
i++;
frm.h.值=i;
//警报(一);
}
工作计划详情表
工作计划详情表 // 部门名称:

处长:

期间:

月份:

锡 活动名称 单位 重量 业绩指标(百分比) 100 75 50
如果您只是希望添加多个值,而不必反复迭代可能的输出,那么下面的语句可能会帮助您假设您使用的是MySQL:

INSERT INTO your_table (value1,value2,value3) VALUES (v1,v2,v3),(v1,v2,v3),(etc...)
如果您只想在HTML中添加表单字段,那么您需要研究一些JavaScript/JQuery解决方案,它可以为您提供所需的视觉吸引力

您需要创建动态形成字符串的代码来代替
(v1、v2、v3)、(v1、v2、v3)、(等等)
,但这可以是一个简单的foreach循环


希望这对您有所帮助。

表示您希望一次添加多个记录。对吗?@Ranjith这正是我想要的..如果你不发布你的代码,我们无法帮助你。“不工作”在这里不是一个有帮助的描述。@Bishal_bh引用指向此功能的链接这将准确地帮助您,是的,您必须使用javascript