Witam,
Mam problem z formularzem zawartym w pliku PHP "generowanym" przez AJAX. Zrobiłem wyszukiwarkę, która przesyła dane poprzez AJAX do pliku php, w którym tworzony jest formularz mający zwracać dane do pierwotnego pliku metodą POST. Niestety, po kliknięciu submit'a, nic się nie dzieje. Oto mój kod:
JavaScript:
$(document).ready(function(){
$("#name").keyup(function(){
var input = $(this).val();
if(input != "") {
$.ajax({
url:'search.php',
method:'POST',
data: {
name:$("#name").val(),
},
success:function(data){
$("#output").html(data);
}
});
}else {
$("#output").css("display","none");
}
});
});
search.php
<?php
require 'includes/conf.php';
$db = new mysqli($config['db_host'], $config['db_user'], $config['db_pass'], $config['db_name']);
if ($db->errno) {
die ('<p class="error">Nie udało się połączyć z bazą danych.</p>');
}
$name=$_POST['name'];
$result2 = $db->query("SELECT * FROM produkty WHERE nazwa LIKE '%$name%' ORDER BY nazwa");
$produkty = $result2->fetch_all(MYSQLI_ASSOC);
?>
<div class="users-table table-wrapper">
<table class="POSTs-table">
<thead>
<tr class="users-table-info">
<th>Obraz</th>
<th>Ilość</th>
<th>Zamów</th>
</tr>
</thead>
<tbody>
<?php foreach($produkty as $produkt) : ?>
<form method="POST" enctype="multipart/form-data" action="zamawianie.php">
<tr>
<td>
<label class="users-table__checkbox">
<div class="categories-table-img">
<input type="hidden" name="zdjecie" value="<?= $produkt['zdjecie']; ?>">
<picture><source srcset="admin/uslugi/<?= $produkt['zdjecie']; ?>" type="image/webp"><img src="admin/uslugi/<?= $produkt['zdjecie']; ?>" alt="category"></picture>
</div>
</label>
</td>
<td>
<input id="number" name="ilosc" type="number" value="" style="max-width: 40px" min="1">
</td>
<td>
<p><input type="submit" value="Zamów" class="badge-pending"></submit></td></p>
</tr></form>
<?php endforeach; ?>
</tbody>
</table>
</div>