Colocar SELECTED em um combobox via JAVASCRIPT

8 de abril de 2008 2 respostas

BobEsponja 8 de abril de 2008

Colegas, eu tenho um combobox com varias opções de tipo de telefone (residencial, comercial, celular, etc )
e, VIA JAVASCRIPT preciso colocar selected na opção escolhida e estou apanhando,
Vejam meu código :

JSP

<select name="tipo" id="tipoTelefone">
					<option value=1>1ºRes.</option>
					<option value=2>2ºRes.</option>
					<option value=3>1ºCom.</option>
					<option value=4>2ºCom.</option>
					<option value=5>FAX</option>
					<option value=6>Cel.</option>
			  </select>

Meu JS :

.
.
.

    if (y[0].innerHTML=='1ºRes.'){
		document.getElementById('tipoTelefone').value = 1;
		}    	
    if (y[0].innerHTML=='2ºRes.'){
		document.getElementById('tipoTelefone').value = 2;
		}    	
    if (y[0].innerHTML=='1ºCom.'){
		document.getElementById('tipoTelefone').value = 3;
		}    	
.
.
.

Via JSTL eu sei fazer sem problemas, eu estou com dificuldades é de fazer isso via JAVASCRIPT !!!

Algum colega me ajuda ?

abs

Bob

2 Respostas

MandrackMago 8 de abr. de 2008

<script type="text/javascript">
	window.document.getElementById("tipoTelefone").value = 5;
</script>

Este código tem que ser executado depois que o combo já estiver sido preenchido, se tentar fazer antes não funcionará.
Seu codigo pode nao estar funcionando por causa do y[0].innerHTML ou porque esta executando antes da escrita do combo

exemplo

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>

</head>
<body>
<select name="tipo" id="tipoTelefone">   
                    <option value=1>1ºRes.</option>   
                    <option value=2>2ºRes.</option>   
                    <option value=3>1ºCom.</option>   
                    <option value=4>2ºCom.</option>   
                    <option value=5>FAX</option>   
                    <option value=6>Cel.</option>   
              </select>
              

</body>
</html>
<script type="text/javascript">
	window.document.getElementById("tipoTelefone").value = 5;
</script>

BobEsponja 8 de abr. de 2008

Colegas, a solução :

document.forms[0].tipoTelefone.options[0].selected=true;

abs

Bob

Criado 8 de abril de 2008

Ultima resposta 8 de abr. de 2008

Respostas 2

Participantes 2

2 Respostas

Topicos relacionados