PHP POST элемент из дополнения JavaScript

Question

я пытаюсь опубликовать отправку формы с элементом в приложении.

Как я могу POST отправить php элементы append в javascript?

вот таблица, где я использую для добавления.

<tbody>

    <tr onload="calculate()">

        <?php

        foreach ($conn->query("SELECT * FROM panapricelist") as $info){

            echo "<td><input type='checkbox' id='promotitle' name='check' value='".$info['ProductId']."' ></td>";
            echo "<td><textarea rows='4' cols='7' maxlength='60'  name='pcode' class='pcode' id='ProductCode' disabled>".$info['ProductCode']."</textarea></td>";
            echo "<td><br><textarea rows='5' cols='40' maxlength='50' name='puse' class='productuse' id='productuse' disabled>".$info['ProductUse']." </textarea></td>";
            echo "<td><br><textarea rows='4' cols='50' maxlength='50' name='pdesc' class='description' id='productDesc' disabled>".$info['ProductDesc']."</textarea></td>";
            echo "<td id='msrp'><textarea rows='4' cols='10' maxlength='50' name='Msrp' class='msrp' id='productMsrp' disabled>".$info['Msrp']."</textarea></td>";
            echo "<td style='width: 10%;'><textarea rows='4' cols='10' name='Dealerphp' maxlength='50' class='cost' id='cost' disabled>".$info['DealerPhp']."</textarea></td></tr>";
        }
        ?>

</tbody>

вот приложение JS

var getRow = $(this).parents('tr'); //variable for the entire row
var value =  (getRow.find('td:eq(1)').html()); // Product Code
var value1 = (getRow.find('td:eq(2)').html()); // for Suggested Product Use
var value2 = (getRow.find('td:eq(3)').html()); // for product Description
var value3 = (getRow.find('td:eq(4)').html()); // for MSRP PHP
var value4 = (getRow.find('td:eq(5)').html()); // for Dealer PHP
var value5 = (getRow.find('td:eq(0)').html()); // for Dealer PHP
$('#item-row').append('<tr><td class="item-name"><textarea value="'+ value +'</textarea></td><td class="item-name"><textarea class="check" name="check[]" value= "' + value1 + ' </textarea> </td><td class="item-name"><textarea value= "' + value2 +' </textarea></td><td class="item-name"><textarea value= "' + value3 + ' </textarea>  </td><td><textarea name="Msrp" value="' + value4 + '</textarea></td><td class="item-name"><textarea class="qty" id="qty" name="qty[]"> </textarea></td><td class="item-name"><textarea id="price" class="price" name="price[]" disabled></textarea></td></tr>');

Answer 1

Вы должны использовать AJAX для взаимодействия из JavaScript в PHP.Вы можете увидеть это пример .

$('#send').click(() => {
  let data = $('.form :input').serialize();
  console.log(data);
  $('#response').html(data);
  $.ajax({
    url: '/',
    type: 'post',
    data,
    success: function(data, textStatus, jQxhr) {
      $('#response').html(data);
    },
    error: function(jqXhr, textStatus, errorThrown) {
      console.log(errorThrown);
    }
  });
});

Answer 2

Вы можете приложить таблицу в виде

<form method="POST" action='action.php' id="my_form">
<table>
<tbody>

    <tr onload="calculate()">

        <?php
          
        foreach ($conn->query("SELECT * FROM panapricelist") as $info){

            echo "<td><input type='checkbox' id='promotitle' name='check' value='".$info['ProductId']."' ></td>";
            echo "<td><textarea rows='4' cols='7' maxlength='60'  name='pcode[]' class='pcode' id='ProductCode' disabled>".$info['ProductCode']."</textarea></td>";
            echo "<td><br><textarea rows='5' cols='40' maxlength='50' name='puse[]' class='productuse' id='productuse' disabled>".$info['ProductUse']." </textarea></td>";
            echo "<td><br><textarea rows='4' cols='50' maxlength='50' name='pdesc[]' class='description' id='productDesc' disabled>".$info['ProductDesc']."</textarea></td>";
            echo "<td id='msrp'><textarea rows='4' cols='10' maxlength='50' name='Msrp[]' class='msrp' id='productMsrp' disabled>".$info['Msrp']."</textarea></td>";
            echo "<td style='width: 10%;'><textarea rows='4' cols='10' name='Dealerphp[]' maxlength='50' class='cost' id='cost' disabled>".$info['DealerPhp']."</textarea></td></tr>";
        }
        ?>

</tbody>
</table>
<input type="submit">
</form>