Ir para conteúdo

POWERED BY:

Arquivado

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

maurohpg

Script Selectbox

Recommended Posts

Pessoal boa tarde, estou usando esse script para abrir um selectbox e exibir informações na tela, mais só está funcionado no IE. alguém sabe oq eu pode estar errado?

 

<script type="text/javascript">
function carregarUnidades(){
   	var selected = $("#unidadesCidade option:selected");
    var output = ""; 
   	if(selected.val() != 0){  
       	output = "?listar=unidades&cidade=" + selected.val();
    }
window.location = output; 
}
$(function(){
	$("select#unidadesCidade").ready(function(){
		$('select#unidadesCidade').sSelect();
	});
	$("#unidadesCidade").change(carregarUnidades);
});

</script>

 

--

 

Descobri que no Firefox ele puxa a variavel assim index.php?listar=unidades&cidade=Cidades e no IE ele puxa assim index.php?listar=unidades&cidade=2 por isso ista corretamnete no IE.

Compartilhar este post


Link para o post
Compartilhar em outros sites

então aparentemente o seu html q está errado.

 

como está o select unidadesCidade ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

O estranho é que o IE vai normal e puxa a variável normal e o Firefox não.

 

<?
header("Content-Type: text/html; charset=iso-8859-1");
// Logar ao sistema e carregar classes
include_once("../editar/includes/conexao.inc.php");
include_once("../editar/includes/recordset.class.php");
$menuCidades = mysql_query("select * from editar_unidades_cidade where uf='".$_GET['uf']."' order by titulo asc limit 0, 1000", $conexao);
?>
<script type="text/javascript">
function carregarUnidades(){
   	var selected = $("#unidadesCidade option:selected");
    var output = ""; 
   	if(selected.val() != 0){  
       	output = "?listar=unidades&cidade=" + selected.val();
    }
window.location = output; 
}
$(function(){
	$("select#unidadesCidade").ready(function(){
		$('select#unidadesCidade').sSelect();
	});
	$("#unidadesCidade").change(carregarUnidades);
});

</script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<select id="unidadesCidade"> 
<option>Cidades</option>
   <? while ($r = mysql_fetch_array($menuCidades)) {?>
<option value="<?=$r['id'];?>">
	<?=$r['titulo'];?>
   </option>
   <? }?>
</select>

Compartilhar este post


Link para o post
Compartilhar em outros sites

coloca assim:

 

 

function carregarUnidades(){
       var selected = $( this );

Compartilhar este post


Link para o post
Compartilhar em outros sites

aperte Ctrl+Shift+J no Firefox.

 

Aparece algum erro ? qual ?

http://wbruno.com.br/blog/2011/03/31/como-debugar-javascript-firefox-erros-comuns/

Compartilhar este post


Link para o post
Compartilhar em outros sites

apenas para debug:

 

 

       alert( selected.val() );
       if(selected.val() != 0){  
               output = "?listar=unidades&cidade=" + selected.val();
           }

oq aparece desse alert() ?

 

 

em ambos navegadores ?

 

 

e oq o plugin sSelect() faz ? desative ele para testar.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Seguinte, no alert ele retorna com "Cidades".

 

Quando desativo o sSelect, ele funciona em ambos os navegadores mas perde o stilo css.

 

No caso há outro script que puxa esse JS:

$(function(){
	$(document).ready(function(){
		$('select').sSelect();
	})
	$("#tk_main #gadgets #unidades #estado").change(carregarCidades);

 

No caso no IE ele retorna "2" que é o ID da cidade que a pessoa escolheu.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Quando desativo o sSelect, ele funciona em ambos os navegadores mas perde o stilo css.

então o problema é esse plugin sSelect(). Procure outro, ou corrija o bug dele.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pode ser mesmo, mas ele só está puxando o estilo como pode ver:

 

$(function(){
	$(document).ready(function(){
		$('select').sSelect();
	})
	$("#tk_main #gadgets #unidades #estado").change(carregarCidades);

Compartilhar este post


Link para o post
Compartilhar em outros sites

preciso ver o código fonte dele, para te dizer oq ele faz..

 

pois certamente lá, ele está refazendo o elemento, e fazendo besteira com os values, por isso dá o problema.

 

então é oq eu disse, ou você corrije o bug dele, ou procura outro :lol:

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.