Ir para conteúdo

POWERED BY:

Arquivado

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

Ricardo Môro

Ajax funciona no firefox e não funciona no IE

Por , em Javascript

Recommended Posts

Ricardo Môro    0

Ricardo Môro
Postado

Meu ajax puxa as opções de um banco de dados. No meu caso, eu seleciono uma opçao de setor, e carrega os itens dest setor. No firefox está funcionando corretamente, e no IE as opçoes de item não funciona. Segue o codigo para que alguem possa me ajudar.

<!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=iso8859-1" />
<style type="text/css">
body {
background-color: #033;
background-image: url(fundo1.jpg);
}
body,td,th {
color: #FFF;
}
</style>

<script type="text/javascript" src="jquery.min.js">
</script>

<script type="text/javascript">
$(document).ready(function(){
 //alert('teste!');
});

function carrega_itens()
{
var setor = $('#setor').val();
//alert(setor);
$.ajax(
	{
  type: "POST",
  url: "carrega_itens_db.php",
  data: "setor="+setor,
  beforeSend: function() {
	// antes de enviar
  },
  success: function(dados){
	$('#itens').html(dados)
	$('#itens').focus()
  },
  error: function(msg){
		alert(msg)
  }
});
return;	
}
function carrega_subitens()
{
var itens = $('#itens').val();
//alert(itens);
$.ajax(
	{
  type: "POST",
  url: "carrega_subitens_db.php",
  data: "itens="+itens,
  beforeSend: function() {
	// antes de enviar
  },
  success: function(dados){
	$('#subitens').html(dados)
	$('#subitens').focus()
  },
  error: function(msg){
		alert(msg)
  }
});
return;	
}
</script>
<title>Cadastro de GRI</title>
</head>

<body>
<h1>Cadastra GRI</h1>
<p>

<form id="form1" name="form1" method="post" action="gri_ajax_db.php">
<br />

<label for="setor">Selecionar Setor: </label>
<select name="setor"id="setor"onchange="carrega_itens()">
<option value="0">Selecione o Setor</option>
<?php
 $sql2 = "SELECT * FROM setor ORDER BY cd_setor";
 $res2 = mysql_query($sql2);

 while($row = mysql_fetch_array($res2)){
echo "<option value=".$row['cd_setor'].">".utf8_encode($row['nm_setor'])."</option>".PHP_EOL;

 }
?>
</select>
<br />
<br />

<label for="itens">Selecione o Item: </label>
<select name="itens" id="itens" onchange="carrega_subitens()" >
<option value="0" selected="selected">Selecione o Setor</option>
</select>
<br />
<br />


<label for="subitens">Selecione o Subitem: </label>
<select name="subitens" id="subitens">
<option value="0" selected="selected">Selecione o item</option>
</select>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Cara, o problema é o .html()

a tag select não aceita muito bem isso.

 

 

Por esse motivo, eu fiz com jSON:

http://wbruno.com.br/blog/2009/10/06/combos-dependentes-ajax-jquery/

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito