Problema no codigo. quando seleciono a primeira vez o combolist ele filtra para o segundo e terceiro combo. mais quando adiciono a outra linha ele mostra a tabela do primeiro combolist mas não atualiza o segundo e terceiro combo. abaixo codigo.
$(document).ready(function(){
// Evento change no campo tipo
$("select[name=tipo]").change(function(){
// Exibimos no campo marca antes de concluirmos
$("select[name=marca]").html('<option value="">Carregando...</option>');
// Exibimos no campo marca antes de selecionamos a marca, serve também em caso
// do usuario já ter selecionado o tipo e resolveu trocar, com isso limpamos a
// seleção antiga caso tenha feito.
$("select[name=modelo]").html('<option value="">Aguardando marca...</option>');
// Passando tipo por parametro para a pagina ajax-marca.php
$.post("ajax-marca.php",
{tipo:$(this).val()},
// Carregamos o resultado acima para o campo marca
function(valor){
$("select[name=marca]").html(valor);
}
)
})
// Evento change no campo marca
$("select[name=marca]").change(function(){
// Exibimos no campo modelo antes de concluirmos
$("select[name=modelo]").html('<option value="">Carregando...</option>');
// Passando marca por parametro para a pagina ajax-modelo.php
$.post("ajax-modelo.php",
{marca:$(this).val()},
// Carregamos o resultado acima para o campo modelo
function(valor){
$("select[name=modelo]").html(valor);
}
)
Pergunta
michael.machado
Problema no codigo. quando seleciono a primeira vez o combolist ele filtra para o segundo e terceiro combo. mais quando adiciono a outra linha ele mostra a tabela do primeiro combolist mas não atualiza o segundo e terceiro combo. abaixo codigo.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
</head>
<script type="text/javascript" src="JavaScripts/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// Evento change no campo tipo
$("select[name=tipo]").change(function(){
// Exibimos no campo marca antes de concluirmos
$("select[name=marca]").html('<option value="">Carregando...</option>');
// Exibimos no campo marca antes de selecionamos a marca, serve também em caso
// do usuario já ter selecionado o tipo e resolveu trocar, com isso limpamos a
// seleção antiga caso tenha feito.
$("select[name=modelo]").html('<option value="">Aguardando marca...</option>');
// Passando tipo por parametro para a pagina ajax-marca.php
$.post("ajax-marca.php",
{tipo:$(this).val()},
// Carregamos o resultado acima para o campo marca
function(valor){
$("select[name=marca]").html(valor);
}
)
})
// Evento change no campo marca
$("select[name=marca]").change(function(){
// Exibimos no campo modelo antes de concluirmos
$("select[name=modelo]").html('<option value="">Carregando...</option>');
// Passando marca por parametro para a pagina ajax-modelo.php
$.post("ajax-modelo.php",
{marca:$(this).val()},
// Carregamos o resultado acima para o campo modelo
function(valor){
$("select[name=modelo]").html(valor);
}
)
})
})
</script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
function removeCampo() {
$(".removerCampo").unbind("click");
$(".removerCampo").bind("click", function () {
if($("tr.linhas").length > 1){
$(this).parent().parent().remove();
}
});
}
$(".adicionarCampo").click(function () {
novoCampo = $("tr.linhas:first").clone();
novoCampo.find("input").val("");
novoCampo.insertAfter("tr.linhas:last");
$(this).parent().parent().load();
removeCampo();
});
});
</script>
<style type="text/css">
body {
margin: 0px 0px 0px 0px;
text-align: center;
}
</style>
</head>
<body>
<table width="633" height="54" id="banner" border="0" cellspacing="1">
<tr class="linhas">
<th width="607" height="24" bgcolor="#FEF8E9" id="banner" scope="col"><div align="left">
<p>
<select name="tipo" id="tipo[]0" onclique ="clone" >
<option value="0">Escolher tipo</option>
<?php
include "conexao_combo.php";
$sql = "SELECT * FROM tbl_tipo ORDER BY tipo ASC";
$qr = mysql_query($sql) or die(mysql_error());
while($ln = mysql_fetch_assoc($qr)){
echo '<option value="'.$ln['t'].'">'.$ln['tipo'].'</option>';
}
?>
</select>
<select name="marca" id="marca">
<option value="0" selected="selected">Aguardando tipo...</option>
</select>
<select name="modelo">
<option value="0" selected="selected">Aguardando marca...</option>
</select>
</p>
</div></th>
<th width="5" bgcolor="#FEF8E9" scope="col"><a href="#" class="removerCampo" title="Remover linha"><img src="img/minus.png" width="22" height="22" border="0" align="right" /></a></th>
</tr>
<th height="24" scope="col"><a href="#" class="adicionarCampo" title="Adicionar item"><img src="img/plus.png" width="22" height="22" border="0" align="left" /></a></th>
<th scope="col"> </th>
</tr>
</table>
</body>
</html>
Link para o comentário
Compartilhar em outros sites
0 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.