Problemas con select dependiente

[ycaires]

saludos esto te ayudara yo lo hice para código y banco es decir el usuario selecciona el código y automáticamente aparece el banco lo que tienes que tomar en cuenta es la tabla hay esta el detalle, cambia el código y banco por tu data

ESTE ES EL SCRIPT

<script src="js/jquery-3.2.1.min.js"></script>

<script language="javascript" src="js/jquery-3.1.1.min.js"></script>

<script language="javascript">
$(document).ready(function(){
$("#codigo").change(function () {

$('#banco').find('option').remove().end().append(' <option value="whatever"></option>').val('whatever');

$("#codigo option:selected").each(function () {
id_codigo = $(this).val();
$.post("includes/getbanco.php", { id_codigo: id_codigo }, function(data){
$("#banco").html(data);
});
});
})
});


</script>


ESTE ES EL ARCHIVO getbanco.php OJO OJO ESTE VA EN UNA CARPETA DENOMINADA includes
con la ruta includes/getbanco.php

<?php

$mysqli = new mysqli("localhost","root","","contabilidad"); //servidor, usuario de base de datos, contraseña del usuario, nombre de base de datos

if(mysqli_connect_errno()){
echo 'Conexion Fallida : ', mysqli_connect_error();
exit();
}

$id_codigo = $_POST['id_codigo'];

$queryCL = "SELECT id_banco, banco FROM bancos WHERE id_codigo = '$id_codigo' ";

$resultadoCL = $mysqli->query($queryCL);

$html= "";

while($rowCL = $resultadoCL->fetch_assoc())
{
$html.= "<option value='".$rowCL['id_banco']."'>".$rowCL['banco']."</option>";
}

echo $html;
?>

ESTAS SON LAS TABLAS.

tabla codigos

id_codigo codigo
1 0001
2 0102
3 0104
4 0105

tabla bancos ojo el id_codigo de la tabla codigo es el mismo de la tabla bancos


id_banco id_codigo banco


1 1 Banco Central de Venezuela
2 2 Banco de Venezuela
3 3 Banco Venezolano de Credito
4 4 Banco Mercantil