Блог

В моем коде, когда любой текст вводится в текстовое поле и нажимается на add attribute кнопку, введенное значение отображается на странице два раза, один в, first row of table а другой first row of second table в. Теперь вопрос в том, когда я ввел текст в другое текстовое поле, которое находится внутри second row of second table , оно должно отображать введенный текст. но он не может отображаться. это не работает.

 <script>
var i = 0;
document.getElementById('add-val').innerHTML='';
function insRow()
{
    i  ;

    var x=document.getElementById('myTable').insertRow(-1)  
    var a=x.insertCell(-1)

    var txt=document.getElementById('add-val').value;
    a.innerHTML=txt;

// for <tr> of table    
    var row = document.getElementById("myRow");
    var newrow=document.getElementById("myRow1");
    var x = row.insertCell(-1);
    var y = newrow.insertCell(-1);
    x.innerHTML=txt; //  '<br>'   
    y.innerHTML='<input type="text" name="nm" />';
}

document.getElementById('add-val').innerHTML='';
</script>
 

amp; это html-код.

 <form method="post" name="form">
<input type="text" name="attr" id="add-val"> <input type="button" onClick="insRow()" value="Add Attribute">
<table width="27" height="17" id="myTable">    </table>
<table cellpadding="13px">
<tr id="myRow">   </tr>
<tr id="myRow1">      </tr>
</table>
<input type="submit" value="Add option" onClick="insRow()"/>
<?php 
if(isset($_POST['submit']))
{
$val= $_POST['add'];
echo $val;
}
?> 
</form>
 

Это должно быть

    y.innerHTML='<input type="text" name="nm[]" />';
 

[] после nm

  name="nm[]" 
 

Служит для хранения всех новых сгенерированных полей в массиве, к которому затем можно получить доступ с помощью $_POST

К которому вы затем просто получаете доступ вот так….

     $val = $_POST['nm'];

    foreach($val as $v){
        echo $v; // display what user entered
     }

    // var_dump($val) will show you all the users seperate input for each field
 

HTML-код :

 <form method="post" name="form">
    <input type="text" name="attr" id="add-val"> <input type="button" onClick="insRow()" value="Add Attribute">
    <table width="27" height="17" id="myTable">    </table>
    <table cellpadding="13px">
    <tr id="myRow">   </tr>
    <tr id="myRow1">      </tr>
    </table>
    <input type="submit" value="Add option" onClick="insRow()"/>
    <?php 
    if(isset($_POST['submit']))
    {
    $val= $_POST['nm'];
    echo $val;
    }
    ?> 
</form>
 

поместите имя ввода, значение которого вы хотите напечатать, вместо attr

 $val= $_POST['attr'];