Ir para conteúdo

POWERED BY:

Arquivado

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

Cemillen

[Resolvido] Selected funciona Mozila e não no IE

Por , em Javascript

Recommended Posts

Cemillen    0

Cemillen
Postado

Boa Noite pessoALL

 

Estou precisando fazer este codigo funcionar no internet explorer, no mozila funciona legal

 

o código é para alimentar o select, ou seja, verifico no meu "banco de dados" e vejo o que está marcado lá, com o resultado, eu altero o select, estou fazendo isso via AJAX.

 

no exemplo abaixo é praticamente a mesma coisa, os botões são os dados que estão para vir, porém se vocês testarem, verão que funciona perfeitamente no mozila, mas no ie não.

 

Alguem poderia dar 1 help?

 

Desde já agradeço

 

Christian

 

<!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>Untitled Document</title>
</head>
<script type="text/javascript">
	function mudarOp(op)
	{
		var sele = document.getElementById('opcao');
		sele.options[op].selected = true;

	}

</script>

<body>
<select id="opcao" name="opcao">
	<option id="branco"></option>
  <option id="sim">Sim</option>
  <option id="nao">Nao</option>
</select>
<input type="button" value="Branco" onclick="mudarOp('branco')"/>
<input type="button" value="Sim" onclick="mudarOp('sim')"/>
<input type="button" value="Nao" onclick="mudarOp('nao')"/>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Opa!

 

Olha só, remontei sua página, alterando bastante coisa e ainda adicionei alguns "extras", compare:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<title>select</title>
	<script type="text/javascript">
	function mudarOp(op)
	{
		var Select = document.getElementById('opcao');
		var opcaoSelecionada = Select.options[Select.selectedIndex].value;

		for(i = 0; i < Select.length; i++)
		{
			var opcao = Select.options[i].value;
			if(opcao == op) { Select.options[i].selected = true; }
		}

	}
	</script>
	<style type="text/css">
	form fieldset { padding:20px; }
	form fieldset select, form fieldset input {
		display:block;
		width:70px;
	}
	</style>
</head>
<body>
	<form action="#" method="post">
		<fieldset>
			<select id="opcao" name="opcao">
				<option value="-">-</option>
				<option value="sim">Sim</option>
				<option value="nao">Nao</option>
			</select>
			<hr />
			<input type="button" value="Branco" onclick="mudarOp('-')"/>
			<input type="button" value="Sim" onclick="mudarOp('sim')"/>
			<input type="button" value="Nao" onclick="mudarOp('nao')"/>
		</fieldset>
	</form>
</body>
</html>
Testei nos IEs 6 e 7, e no Firefox 3.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bruno_Ferreira    1

Bruno_Ferreira
Postado

O caso é o seguinte, nessa linha

 

sele.options[op].selected = true;

 

o ideal é você passar um índice numérico para o array options.

faço frequentemente isso e funciona em qualquer navegador.

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