Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Marcos Vinícius

Campo preenchido com base em outro - combobox dinamico

Recommended Posts

Pessoal,

 

Tô tentando fazer um daqueles combobox dinâmicos, que vc escolhe um dado em um combo e ele preencho outro. O usuário escolhe o CNPJ e o campo CONTRIBUINTE é preenchido automaticamente.

 

Eu achei vários scripts mas ainda não consegui fazer funcionar.

 

Primeiro porque não preciso que o campo 'contribuinte' seja um combobox, já que só vai ter uma opção. Mas mesmo deixando como combobox e usando os scripts da net, não consegui fazer funcionar. E aparentemente não tem nada diferente. Só se for algum erro bobo ou o jsquery. Eu peguei do site do jsquery.

 

Alguém consegue descobrir o que está errado? A página mostra o "Carregando..." mas não sai disso.

 

página CADASTRO.PHP

(eu tirei tudo que que não interessava pra ficar mais fácil olhar)

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
 
$(document).ready(function(){
 
$("select[name=cnpj]").change(function(){
$("select[name=contrib]").html('<option value="0">Carregando...</option>');
$.post("contrib.php",
  {cnpj:$(this).val()},
  function(valor){
  $("select[name=nome]").html(valor);
  }
  )
 
})
  })
  
</script> 
 
<td>CPF/CNPJ</td> <td> <select name="cnpj"> <option value="0">Escolha o CNPJ</option> <?php include "conecta.php"; mysql_select_db("controle_proc_ti"); $sql = "select * from contrib order by nome ASC"; $qr = mysql_query($sql) or die (mysql_error()); while ($result = mysql_fetch_assoc($qr)){ echo '<option value="'.$result['id_contrib'].'">'.$result['cnpj'].'</option>'; } ?> </select> </td> </tr> <tr> <td width="165">Contribuinte</td> <td width="209"> <select name="contrib"> <option value="0" disabled="disabled">Escolha o CNPJ</option> </select> </td> </tr>

PÁGINA CONTRIB.PHP

 

<?php
include "conecta.php";

$cnpj = $_POST['cnpj'];
mysql_select_db("controle_proc_ti");
$sql = "select * from contrib WHERE cnpj = '$cnpj'";
$qr = mysql_query($sql) or die (mysql_error());

while ($result = mysql_fetch_assoc($qr)){
	echo '<option value="'.$result['cnpj'].'">'.$result['nome'].'</option>';
}
	
?>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu fasso assim

 

$(document).ready(function () {
      $('#estado').change(function(){
		if ($('#estado').val() != ''){
			$.ajax({
				url: 'php/plugins/buscarCidades.php',
				type: "POST",
				data: {estado : $('#estado').val()},
				success: function(data) {
					if (data) {
						$('#cidade').empty().append(data);
					} 
				}
			});
		}
	});
});

Onde estado e cidade são select também

Compartilhar este post


Link para o post
Compartilhar em outros sites

Select do estado

<select name="estado" id="estado" class="inputC">
								<option value="1">Escolha o estado</option>
								<?php foreach ($estados as $es) { ?>
									<option value="<?php echo $es['sigl_estado']?>"><?php echo $es['sigl_estado'];?> - <?php echo $es['dsc_estado']?></option>
								<?php } ?>
							</select>

 

 

Select da cidade

<select name="cidade" id="cidade">
	<option value="">Escolha primeiro o estado</option>
</select>

 

Arquivo buscarCidades.php

$id_estado = $_POST['estado'];
	
	if (is_numeric($id_estado)) {
		
		$cidades = query("SELECT * FROM cidades WHERE cod_estado = ".$id_estado);
		
		$html = "";
		foreach ($cidades as $cd) {
			$html .= "<option value=".$cd['id_cidade']." >".$cd['dsc_cidade']."</option>";
		}
		
	} else {
		$sql = "SELECT id_estado FROM estados WHERE sigl_estado = '".$id_estado."'";
		$id_agora = query($sql);
		 
		$cidades = query("SELECT * FROM cidades WHERE cod_estado = ".$id_agora['0']['id_estado']);
		
		$html = "";
		foreach ($cidades as $cd) {
			$html .= "<option value='".$cd['dsc_cidade']."' >".$cd['dsc_cidade']."</option>";
		}
		
	}
	echo $html;

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não tô conseguindo... Será que o problema é no jquery? Eu tô pegando nesta página:

 

http://jquery.com/download/

 

e já tentei os dois

 

 

Download the compressed, production jQuery 1.9.1

Download the uncompressed, development jQuery 1.9.1

 

Copiei o que tá no link e coloquei num arquivo jquery.js

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.