Tengo un formulario con 2 selects relacionados:
- Proveedor
- Orden de compra
Por separado cargan bien, pero quiero que al seleccionar el proveedor, se carguen únicamente las órdenes de compra correspondientes al proveedor escogido.
Este es el html que contiene mis "select" en el archivo (vista). Utilizo bootstrap en el lado cliente:
ordencompra.php
<div class="form-group col-lg-3 col-md-3 col-sm-3 col-xs-12">
<label>Proveedor(*):</label>
<select id="idproveedor" name="idproveedor" class="form-control selectpicker" data-live-search="true" required>
<option value="">seleccione Proveedor</option>
</select>
</div>
<div class="form-group col-lg-3 col-md-3 col-sm-3 col-xs-12">
<label>Orden de Compra:</label>
<select id="oc" name="oc" class="form-control selectpicker" data-live-search="true" required>
<option value="">seleccione la Orden de compra</option>
</select>
</div>
El javaScript: ordencompra.js
$.post("../ajax/ordencompra.php?op=selectProveedor", function(r) {
$("#idproveedor").html(r);
$('#idproveedor').selectpicker('refresh');
});
el php que devuelve las opciones en el archivo ordencompra.ajax:
case 'selectProveedor':
require_once "../modelos/Persona.php";
$persona = new Persona();
$rspta = $persona - > listarP();
while ($reg = $rspta - > fetch_object()) {
echo '<option value='.$reg - > idpersona.
'>'.$reg - > nombre.
'</option>';
}
break;
El modelo Persona.php, que devuelve los proveedores:
public
function listarp() {
$sql = "SELECT * FROM persona WHERE tipo_persona='Proveedor'";
return ejecutarConsulta($sql);
}
asi es como tengo distribuido mi proyecto se me paso mencionar que los datos de el proveedor y de las oc me las debo de traer de una tabla en una base de datos en mysql