Tengo un input con id ailments con una función de autocomplete, cuando el usuario escribe una palabra o letra, saldrán datos de la BD, lo hace bien con este primer input, pero ahora lo que estoy haciendo es con ayuda de un botón, agregar otros input con el mismo id, el mismo name, también todo bien. Pero al momento de escribir una palabra o letra en los demás inputs agregados con el botón, no aparece nada, no esta realizando alguna acción, solamente en el primero. No comprendo bien por que no esta funcionando. Dejo mi código:
HTML:
<input type="text" name="ailments[]" id="ailments" class="form-control bg-light border border-success" placeholder="Padecimiento" autocomplete="off" >
js:
<script>
$(function () {
$("#ailments").autocomplete({
source: 'insertconsult/search_ailments.php'
});
});
</script>
<script type="text/javascript">
// agregar registro
$("#addRow").click(function () {
var html = '';
html += '<div id="inputFormRow">';
html += '<div class="input-group mb-3">';
html += '<input type="text" name="ailments[]" id="ailments" class="form-control bg-light border border-success" placeholder="Padecimiento" autocomplete="off" >';
html += '<div class="input-group-append">';
html += '<button id="removeRow" type="button" class="btn btn-danger">Borrar</button>';
html += '</div>';
html += '</div>';
$('#newRow').append(html);
});
// borrar registro
$(document).on('click', '#removeRow', function () {
$(this).closest('#inputFormRow').remove();
});
</script>
Archivo search_ailments:
<?php
$conexion = new Connection();
$pdo = $conexion->getConexion();
$statement = $pdo->prepare("select * from padecimientos where nombre_pade like :keyword");
$statement->bindValue('keyword', '%'.$_GET['term'].'%');
$statement->execute();
$result = array();
while($product = $statement->fetch(PDO::FETCH_OBJ)) {
array_push($result, $product->nombre_pade);
}
echo json_encode($result);
?>