Publicado em 28 de mar.

Mudar texto ao selecionar select

Pessoal acho que pode ser simples oque eu quero fazer, mas não sei.

Eu tenho um select com algumas opções.

gostaria de fazer assim

<option>azul</option>
<option>vermelho</option>
<option>amarelo</option>

<span>Azul</span>
<span>Vermelho</span>
<span>Verde</span>

Quando você selecionar o option Azul o span de nome Azul muda para Azul OK. e a mesma coisa para outras cores.

Resumindo: Eu quero muda um texto de um span ao selecionar um option.

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Progjunior Daniel· 28 de mar.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Centrar uma página com CSS</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(document).ready(function() {
	$(".cor").change(function(){
 var id = this.value;
 switch(id)
 {
 case "blue":
 $("#span1").css("color", id);
 break;
 case "red":
 $("#span2").css("color", id);
 break;
 case "yellow":
 $("#span3").css("color", id);
 break;
 }

	});
});
</script>
</head>
<body>
<div>
	<select name="cor" class="cor">
 <option value="blue">azul</option>
 <option value="red">vermelho</option>
 <option value="yellow">amarelo</option>
	</select>
	<div>
 <span class="cores" id="span1">Azul</span>
 <span class="cores" id="span2">Vermelho</span>
 <span class="cores" id="span3">Yellow</span>
	</div>
</div>

Vê se é isso!!!

ragnaproxy· 28 de mar.

Olá, amigo esse codigo não aconteceu nada.

Sou meio leigo. Vou explica novamente talvez vc não tenha entendido.

Tenho esses span no codigo:

<span>Azul</span>
<span>Vermelho</span>
<span>Amarelo</span>

E tenho esses option:

<option>Azul</option>
<option>Vermelho</option>
<option>Amarelol</option>

Meu objetivo é que quando alguem selecionar um option o texto do span muda.

Se caso eu escolher o option Azul o span Azul muda para Azul ok.

Progjunior Daniel· 28 de mar.

Cara esse código está funcionando sim.

Aonde você está rodando?

Troque esse aqui

por esse