Ir para conteúdo

POWERED BY:

Arquivado

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

João Morsa

Mostrar texto após seleção

Por , em Desenvolvimento frontend

Recommended Posts

João Morsa    0

João Morsa
Postado

Olá galera,

 

Preciso de ajuda num código simples.

 

Tenho uma caixa de seleção com várias opções. Quero que quando o usuário selecione a opção 1 por exemplo, o texto "opção 1" seja mostrada em outra div. É Possível?

 

 

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Morsa    0

João Morsa
Postado

É sim. Com JavaScript você consegue fazer isso.

 

Coloca o seu HTML aí para ajudarmos.

 

:thumbsup:

 

E ai cara?

 

Encontrei esse código na net e o modifiquei. Era isso que eu queria.

 

<!DOCTYPE HTML>
<html lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script>
function mostrar(lista){
document.getElementById("mostrartexto").innerHTML = lista;
}
</script>
<style type="text/css">
<!--
#mostrartexto { background-color:#09C; top: 50px; left: 100px; width: 100px; height: 100px; position: absolute;  }
-->
</style> 

<select name="opções" onchange="mostrar(this.value)">
<option value="Escolha">Escolha</option>
<option value="Texto1">Texto1</option>
<option value="Texto2">Texto2</option>
<option value="Texto3">Texto3</option>
</select>

</head>

<body>
<div id="mostrartexto"></div>
</body>
</html>

 

 

Muito obrigado!

Compartilhar este post

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

Informação importante

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

  Aceito