Tengo el siguiente formulario para buscar un registro de producto en la base de datos mediante codigo
<div id="divSearch" class="row div-head-buttons">
<div id="divBarCode" class="col-sm-6 d-sm-none d-md-block">
<form id="barCodeForm" name="barCodeForm" method="POST">
<input type="text" autofocus="" id="ordet_productCode" name="ordet_productCode" value="">
<input hidden type="submit" form="barCodeForm">
</form>
</div>
</div>
Los elementos de este formulario los manipulo con jQuery
// formulario de busqueda por codigo, el de referencia es igual
$("#barCodeForm").on('submit', function (event) {
event.preventDefault();
var codeIn = $("#ordet_productCode").val();
$.get('PosProductName.php', {
"prd_id": 0,
"prd_code": codeIn
}, function (dataGroup) {
if (dataGroup) {
$('#groupName').html(dataGroup);
} else {
$('#groupName').html('Sin Dato');
}
});
});
Cuando el formulario esta en la pagina al cargarla, el codigo funciona bien, se ingresa el codigo se presiona enter y muestra la informacion necesaria. Por razones de diseño necesito mostrar otro formulario en el mismo sitio para buscar otro tipo de registro (referencia) para lo cual elimine el formulario de la pagina html y deje divSearch
vacio para insertar el formulario segun sea el caso
<div id="divSearch" class="row div-head-buttons">
</div>
Asi cargo uno u otro formulario con jQuery
// form code
function formCode() {
$("#divSearch").empty();
$.get('ParkFormSearch.php', {
"form": "code",
}, function (dataform) {
$('#divSearch').html(dataform);
});
}
// form ref
function formRef() {
$("#divSearch").empty();
$.get('ParkFormSearch.php', {
"form": "ref",
}, function (dataform) {
$('#divSearch').html(dataform);
});
}
los formularios estan en php
$form = filter_input(INPUT_GET, 'form', FILTER_SANITIZE_STRING);
if ($form == 'code') {
$formSearch = '
<div id="divBarCode" class="col-sm-6 d-sm-none d-md-block">
<form id="barCodeForm" name="barCodeForm" method="POST">
<input type="text" autofocus="" id="ordet_productCode" name="ordet_productCode" value="">
<input hidden type="submit" form="barCodeForm">
</form>
</div>
';
} else {
$formSearch = '
<div id="divBarRef" class="col-sm-6 d-sm-none d-md-block">
<form id="barRefForm" name="barCodeForm" method="POST">
<input type="text" autofocus="" id="ordet_productRef" name="ordet_productRef" value="">
<input hidden type="submit" form="barRefForm">
</form>
</div>
';
}
echo $formSearch;
Los formularios, visualmente, se cargan bien y cambian correctamente, pero es aqui donde comienza el problema puesto que los elementos de los formularios no se pueden manipular con jQuery, es como si no existieran, lo he intentado con las fuciones html, append y load
pero ninguna me da resultado.
row
de 4cols
en la parte supeerior de la pagina. Cada uno se muestra segun la seleccion del cliente que la hace presionando unos botones cada boton ejecuta una funcion en jquery la cual muestra el formulario que corresponda y un listado de los registros encontrados (por esto el PHP). Debo incluirlos todos enhtml
y los oculto o muestro segun sea el caso?