Ir para conteúdo

POWERED BY:

Arquivado

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

LEO8789

Como fazer valores aparecerem em campos de input

Por , em Javascript

Recommended Posts

LEO8789    0

LEO8789
Postado

Gostaria de saber como faço isso

por exemplo:

eu tenho um campo select e ao selecionar uma opcao o valor do produto ir direto para o campo de input

tipo assim:

 

<select name="produtos">

<option value="13.00">

DVD

</option>

<option value="8.00">

CASACO

</option>

</select>

 

Valor:<input type="text" />

 

Quando selecionasse dvd aparecesse direto no campo de input o seu valor que é 13.00 reais

ou se selecionado casaco 8.00 como determinado acima

isso é possivel?

se é como faço isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites

eibon    2

eibon
Postado

Exemplo:

<html>
	<head>
		<title>Exemplo</title>
		<style type="text/css">
			#res {
				background-color: #0000ff;
				width: 400px;
				height: 200px;
			}
		</style>
		<script type="text/JavaScript">
			adicionaEvento(window, 'load', function(){
				adicionaEvento(document.getElementsByName("s1")[0], 'change', function(){
					document.getElementsByName("v1")[0].value = "R$" + this.value.replace('.', ',');
				}, false);
			}, false);

			function adicionaEvento(elemento, evento, funcao, bool){
				bool = (bool == null)? false : bool;
				if(elemento.addEventListener)
					elemento.addEventListener(evento, funcao, bool);
				else
					elemento.attachEvent('on' + evento, funcao);
			}
		</script>
	</head>
	<body>
		Produtos:
		<select name="s1">
			<option value="15.00">Camiseta</option>
			<option value="59.50">Tenis</option>
			<option value="20.00">DVD</option>
		</select><br />
		Valor:<input type="text" name="v1" readonly="readonly" value="R$00,00" />
	</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

LEO8789    0

LEO8789
Postado

Exemplo:

<html>
	<head>
		<title>Exemplo</title>
		<style type="text/css">
			#res {
				background-color: #0000ff;
				width: 400px;
				height: 200px;
			}
		</style>
		<script type="text/JavaScript">
			adicionaEvento(window, 'load', function(){
				adicionaEvento(document.getElementsByName("s1")[0], 'change', function(){
					document.getElementsByName("v1")[0].value = "R$" + this.value.replace('.', ',');
				}, false);
			}, false);

			function adicionaEvento(elemento, evento, funcao, bool){
				bool = (bool == null)? false : bool;
				if(elemento.addEventListener)
					elemento.addEventListener(evento, funcao, bool);
				else
					elemento.attachEvent('on' + evento, funcao);
			}
		</script>
	</head>
	<body>
		Produtos:
		<select name="s1">
			<option value="15.00">Camiseta</option>
			<option value="59.50">Tenis</option>
			<option value="20.00">DVD</option>
		</select><br />
		Valor:<input type="text" name="v1" readonly="readonly" value="R$00,00" />
	</body>
</html>

 

Legal cara mas só funciona no firefox sabe como faço pra funcionar no ie?

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