tengo un index y en el head cargo el javascript
index.php
Código HTML:
<script src="combos.js" type="application/x-javascript"></script>
y el archivo combos.js tiene esto
Código:
$(document).ready(function(){
$('#categoria').change(function() {
categoria = $('#categoria').val();
$.post("producto.php",{ categoria: categoria},
function(data){
$("#producto").html(data);
});
});
});
que maneja el siguiente div que es cargado mediante ajax en el index
Código:
<div id="add">
<div class="toolbar">
<h1>Agregar</h1>
<a class="button back" href="#">Atras</a>
</div>
<form id="apost" action="a_post.php" method="post" class="form">
<ul class="edit rounded">
<li>
<?php
echo '<select name="categoria" id="categoria">';
$primero = buscarPrimerTipoProducto($db);
$pt = buscarTiposProductos($db);
foreach($pt as $r)
{
echo '<option value='.$r['id'].'>'.$r['name'].'</option>';
}
echo '</select>';
echo '</li>';
echo '<li>';
echo '<select name="producto" id="producto">';
$pta = buscarProductosPorTipo($db,$primero[0]['id']);
foreach($pta as $ra)
{
echo '<option value='.$ra['id'].'>'.$ra['name'].'</option>';
}
echo '</select>';
?>
</li>
<li><input type="number" name="cantidad" placeholder="Cantidad" id="cantidad" /></li>
</ul>
<a style="margin:0 10px;color:rgba(0,0,0,.9)" href="#" class="submit whiteButton">Agregar</a>
</form>
</div>
si este div lo pongo directamente en el index me funciona el cargado de los combobox, pero si el div lo cargo mediante ajax no funciona el cargado de los combos
ayuda porfavor, tengo que presentar mi trabajo en 2 dias y si no reprobare mi ramo y perdere un año
