Ir para conteúdo

POWERED BY:

Arquivado

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

junaooaks

[Resolvido] preencher input com o select

Por , em Javascript

Recommended Posts

junaooaks    3

junaooaks
Postado

ola galera

 

eu nao tenho conhecimento em javascript, nao sei como funciona. mas to precisando de uma força

 

tipo: tenho um campo select com 3 opções

<select name="kb" id="select3">

<option value="1" selected>64</option>

<option value="2">128</option>

<option value="3">256</option>

</select>

 

o que eu quero é dependendo do valor selecionado no select, preencha um input

se a opção 1 for escolhida aparece no input 50

se for a opção 2 apareça 100

se for a opção 3 apareça 150

 

como faz isto

Compartilhar este post

Link para o post
Compartilhar em outros sites

fekz    0

fekz
Postado 

<html>

<head>

<script>

function troca(){

valor = document.getElementById('select3').value;

valortexto = document.getElementById('texto').value;

 

if(valor == 'nada'){

document.getElementById('texto').value = "";

}

 

if(valor == 1){

document.getElementById('texto').value = valor;

}

 

if(valor == 2){

document.getElementById('texto').value = valor;

}

 

if(valor == 3){

document.getElementById('texto').value = valor;

}

 

}

</script>

</head>

<body onload="troca()">

<select name="kb" id="select3" onblur="troca()">

<option value="nada" selected>Selecione</option>

<option value="1">64</option>

<option value="2">128</option>

<option value="3">256</option>

</select><br /><br />

<input type="text" id="texto" />

</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

junaooaks    3

junaooaks
Postado

cara você me ajudou de mais

 

so que eu gostaria de incrementar mais um select

 

tipo assim:

 

<select name="tipo" id="select4">

<option value="RESIDENCIAL_ME" selected>Residencial\ME</option>

<option value="CORPORATIVO">Corporativo</option>

</select>

</font></td>

<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Kb:</font></td>

<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">

<select name="kb" id="select3" onChange="troca()">

<option value="" selected>---</option>

<option value="1">64</option>

<option value="2">128</option>

<option value="3">256</option>

</select>

</font></td>

<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">R$:</font></td>

<td><input name="texto" type="text" id="texto" readonly="true"></td>

 

é porque dependo do primeiro select o valor do input vai mudar

 

tipo assim:

 

no primeiro escolhe:

<option value="RESIDENCIAL_ME" selected>Residencial\ME</option>

 

os valores do segundo select são os mesmo

 

o input vai receber 50,100,150

 

se aescolha for o seguindo:

<option value="CORPORATIVO">Corporativo</option>

 

os valores do segundo select são os mesmo

 

o valor do input muda vai receber 100,150,200

 

 

o que preciso alterar no codigo postado

 

 

obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

junaooaks    3

junaooaks
Postado

OPA eu to começando a entender o javascript http://forum.imasters.com.br/public/style_emoticons/default/clap.gif

 

resolvido

 

function troca(){
sel = document.getElementById('select4').value;
valor = document.getElementById('select3').value;
valortexto = document.getElementById('texto').value;

if(sel=='RESIDENCIAL_ME'  && valor == 'nada'){
document.getElementById('texto').value = "";
}

if(sel=='RESIDENCIAL_ME'  && valor == 1){
document.getElementById('texto').value = 50,00;
}

if(sel=='RESIDENCIAL_ME'  && valor == 2){
document.getElementById('texto').value = 100,00;
}
function troca(){
sel = document.getElementById('select4').value;
valor = document.getElementById('select3').value;
valortexto = document.getElementById('texto').value;

if(sel=='RESIDENCIAL_ME'  && valor == 'nada'){
document.getElementById('texto').value = "";
}

if(sel=='RESIDENCIAL_ME'  && valor == 1){
document.getElementById('texto').value = 50,00;
}

if(sel=='RESIDENCIAL_ME'  && valor == 2){
document.getElementById('texto').value = 100,00;
}

if(sel=='RESIDENCIAL_ME'  && valor == 3){
document.getElementById('texto').value = 150,00;
}
if(sel=='CORPORATIVO'  && valor == 1){
document.getElementById('texto').value = 200;
}

if(sel=='CORPORATIVO'  && valor == 2){
document.getElementById('texto').value = 400;
}

if(sel=='CORPORATIVO'  && valor == 3){
document.getElementById('texto').value = 500;
}
}
if(sel=='RESIDENCIAL_ME'  && valor == 3){
document.getElementById('texto').value = 150,00;
}
if(sel=='CORPORATIVO'  && valor == 1){
document.getElementById('texto').value = 200;
}

if(sel=='CORPORATIVO'  && valor == 2){
document.getElementById('texto').value = 400;
}

if(sel=='CORPORATIVO'  && valor == 3){
document.getElementById('texto').value = 500;
}
}

 

 

obrigado a todos

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