Menu Combo e textarea

[-=Felipe=- 0]

B­l­z mais uma vez galera !!

 

Desta vez é mais por conhecimento mesmo !!

 

Tenho aki dois scripts:

 

Um que você escolhe uma opção em um Menu Combo e mostra uma descrição em uma textarea:

 

<form name="houm">
<select name="hm" size="1" onChange="showtext()">
<option selected>Opções</option>
<option>Opção 1</option>
<option>Opção 2</option>
</select>
<br><br>
<textarea name="postTitle" id="postTitle" cols="15" rows="1" readonly="readonly"></textarea>

<script>
<!--

var shortcut=document.houm
var descriptions=new Array()

///////////////////////////////////////////////////////////////////////////////////
//   Alargar esta lista, se necessário, para acomodar mais seleções
//////////////////////////////////////////////////////////////////////////////////

descriptions[0]=" "
descriptions[1]="Descrição da Opção 1"
descriptions[2]="Descrição da Opção 2"


shortcut.postTitle.value=descriptions[shortcut.hm.selectedIndex]

function showtext(){
shortcut.postTitle.value=descriptions[shortcut.hm.selectedIndex]
}
//-->
</script>

 

E o outro que o pessoal me ajudou recentemente aki no forum.

Que eu clico no botao e abri um campo textarea com um conteudo escrito:

 

<input type="button" value="Letra da Musica" onclick="mostra()" />
<!--Codigo AreadeTexto -->
<br><br>
<textarea rows="30" cols="50" id="areadetexto" style="display:none" readonly="readonly">Conteudo...</textarea>

<script>
function mostra() {

	if (document.getElementById('areadetexto').style.display == "") {
		document.getElementById('areadetexto').style.display = "none";

	} else {
	document.getElementById('areadetexto').style.display = "";
	
	}
	

}
</script>

Enfim o que eu quero é que tivese o Menu Combo, escolhia a opção e quando eu clicase no botão abrise o campo textarea com a descrição da opção escolhida.

 

E gostaria tbm de outro script, um menu combo e quando eu selecionar a opção abri o campo textarea com a descrição da opção.

 

Vlw Mais uma vez!!!!

[iRCC 0]

Então felipe, vamos por "partes" haha

 

primeiro temo que pegar o texto que esta selecionado no combo atravez desta função:

 

function copiaTexto(form) {
	var opcao_do_select;
	var texto;

	opcao_do_select = document.NOMEDOFORMULARIO.COMBO.selectedIndex; // pegar o valor do select
	texto = document.NOMEDOFORMULARIO.COMBO.options[opcao_do_select].text; // pega o nome que coresponde ao valor do select
}

ai temos que a variavel texto tem o texto que você selecionou no combobox e depois atribui o valor de texto no Value do textarea

[-=Felipe=- 0]

Desculpe pela minha ignorancia mais não consegui entender =/

[iRCC 0]

Entao cara o que eu falei ali é o sguinte: Naquela função que te passei você consegue pegar o texto que foi selecionado no seu comboBox, depois de pegar ese valor, atravez da atributo value do seu comboBox você pode setar o valor do texto selecionado como conteudo do textarea.

 

Mais claro agora?

[-=Felipe=- 0]

Sim fico melhor xD

vlw !!

[iRCC 0]

beleza, qualquer coisa só chama ;)

[-=Felipe=- 0]

Como que eu faço para que eu escolha a opção clique no botão e abri o campo textarea com a fdescrição da opção selecionada ?

[iRCC 0]

você vai ter que pegar o texto do combo na hora que clicar no botão, e dai dizer que o conteudo do textarea é igual ao texto selecionado no combo

[-=Felipe=- 0]

Entendi !

Mais como eu fasso isso ?

Cara tenho apenas 14 e comecei a aprender sobre javscript em novbembro do ano passado entao ainda nao tenho muito conhecimento =/

[iRCC 0]

HMM ok amigo, vamo la então:

 

Você quer que quando a pessoa clica no botão apareça um textarea e o conteudo desse textarea seja o valor selecionado no seu combo certo? Então é o seguinte:

 

no se botão, no onclick dele você chama uma função ex:

 

<input type="button" name="btn1" value="clicar" onclick="apareceCombo()"/>

até você já fez certo?

 

agora quando chamar esta função dentro dela você deve primeiro pegar o texto do combo que está selecionado atravez daquela função que te passei antes

var opcao_do_select;
	var texto;

	opcao_do_select = document.NOMEDOFORMULARIO.COMBO.selectedIndex; // pegar o valor do select
	texto = document.NOMEDOFORMULARIO.COMBO.options[opcao_do_select].text; // pega o nome que coresponde ao valor do select

já entendeu que a variavel texto ali tem o texto que foi selecionado no seu combo né? consegui implementar ela já?

Depois de pego o texto o proximo passo é aparecer nosso textarea também através da função que passei antes

 

 

if (document.getElementById('areadetexto').style.display == "") {
		document.getElementById('areadetexto').style.display = "none";

	} else {
	document.getElementById('areadetexto').style.display = "";
	
	}

 

agora nessa função na parte que ele exibe o textarea você deve implementar esta linha

document.NOMEDOSEUFORMULARIO.IDDOTEXTAREA.value = texto;

[-=Felipe=- 0]

Primeiramente gostaria de pedir desculpa pelo encomodo.

A parti do botao eu entendi como fazer ele.

Mais onde coloco esse botão ?

e a function dele no codigo ?

 

Coloquei assim:

 

<form name="houm">
<select name="hm" id="hm" size="1" onChange="showtext()">
<option selected>Opções</option>
<option>Opção 1</option>
<option>Opção 2</option>
</select>
<br><br>
<input type="button" name="btn1" value="clicar" onclick="apareceCombo()"/>

<script>
<!--

var shortcut=document.houm
var descriptions=new Array()

///////////////////////////////////////////////////////////////////////////////////
//   Alargar esta lista, se necessário, para acomodar mais seleções
//////////////////////////////////////////////////////////////////////////////////

descriptions[0]=" "
descriptions[1]="Descrição da Opção 1"
descriptions[2]="Descrição da Opção 2"


function apareceCombo(form) {
	var opcao_do_select;
	var texto;

	opcao_do_select = document.houm.hm.selectedIndex; // pegar o valor do select
	texto = document.houm.hm.options[opcao_do_select].text; // pega o nome que coresponde ao valor do select
	if (document.getElementById('areadetexto').style.display == "") {
		document.getElementById('areadetexto').style.display = "none";

	} else {
	document.getElementById('areadetexto').style.display = "";
	
	}
	document.houm.hm.value = texto;
}
//-->
</script>

 

E não esta funcionando pq ?

[iRCC 0]

jah nao ia funciona cara pq o hm ali é o id do seu combo e ali tem que ser o id do textearea, e também voce esqueceu de dar um value para cada option do select montei esse script aqui pra você, funciona certinho

 

<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<script type="text/javascript" src="script/teste.js"></script>
	
	<title>Troca imagem</title>
	</head>
	
	<body>
		<form name="form1" action="#" method="post">
		  <table>
			<tr>
				<td>
			   <select name="hm" id="hm" size="1">
					<option selected="selected" value="0">Opções</option>
					<option value="1">Opção 1</option>
					<option value="2">Opção 2</option>
			  </select>
					<input type="button" name="btn1" value="clicar" onclick="apareceCombo()" />
					<textarea name="area" id="area" style="display:none"></textarea>
				</td>
			</tr>
		  </table>  
	
		</form>
	</body>
</html>
<script type="text/javascript">
	function apareceCombo() {
  
		var opcao_do_select;
		var texto;

		opcao_do_select = document.form1.hm.selectedIndex; // pegar o valor do select
		texto = document.form1.hm.options[opcao_do_select].text; // pega o nome que coresponde ao valor do select
		if (document.getElementById('area').style.display == "") {
			document.getElementById('area').style.display = "none";

		} else {
			document.getElementById('area').style.display = "";
			document.form1.area.value = texto;
		}
		
	}

</script>

 

 

veja se você entende, caso nao entenda é só pergunta!

 

Tamo aqui pra isso ;)

[-=Felipe=- 0]

Estou observando o codigo para ver se eu aprendo...

Pelo que vi ate agora eu estava +/- no caminho certo xD

 

Aa e muito obrigado pela ajuda e Pela paciencia tbm neh ;P

 

Vlw Mesmo Manuu !!!!!!

[iRCC 0]

Td bem analise ai e veja se consegue, se nao conseguir pode perguntar a vontade, afinal todo mundo está aqui para aprender ;)