Preencher campo ao escolher opção no select

#1 Felipedcb

Turista

Usuários
30 posts

Sexo:Não informado

Posted 27/03/2005, 21:12

Me ajudem eu não sako quase nada de programação em JS.
Eu tenho 5 campos, e um menu suspenso (select). Nesse select tem várias opções eu presiso que quando o usuário selecionar alguma, automaticamente os outros 5 campos sejam preenchidos com um texto qualquer... Como eu passo fazer isso? Sabe onde eu posso encontrar um script pronto parecido?

RonsisM, HaroNism and JeffMalm curtiram esta postagem

#2 Alex Hiroshi

Super Veterano

Ex-Admins
4923 posts

Sexo:Masculino
Localidade:São Paulo - SP

Posted 27/03/2005, 21:36

Como vc ainda é novo aqui no fórum, primeiramente leia as regras da casa

http://forum.wmonlin...?showtopic=8856

Evite títulos como "Me ajudem", "Por favor" ou coisas do genero. . editei o seu título, assim vc pode ter mais ajuda aqui no fórum ok?

----------------------------------------------

Sobre a dúvida..
Primeiro vc vai ter que ter o select e os campos...

<form name="teste">
<select name="menu">
<option> Escolha </option>
<option value="1"> Opção 1 </option>
<option value="2"> Opção 2 </option>
</select>

<input type="text" name="campo1" />
<input type="text" name="campo1" />
</form>

com isso vc quer que ao mudar o o menu select preencha os outros campos com um texto.. então vamos utilizar o evento onchange no menu chamando uma função js que envia um texto para os campos...

<select name="menu" onchange="adiciona();">

agora é só criar a função adiciona() e enviar um texto para tal campo.. para isso vc vai usar

document.NomeDOForm.NomeDoCampo.value += "texto";

NomeDoForm - é o teste, que é o nome que eu dei para o formulario
NomeDoCampo - é o nome de cada campo que vc quer adicionar um texto, no caso, campo1 e campo2

<script>
function adiciona(){
document.teste.campo1.value += "texto";
document.teste.campo2.value += "texto 2";
}
</script>

é basicamente isso... faça os testes e qualquer dúvida, volte a postar (y)

Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#3 Felipedcb

Turista

Usuários
30 posts

Sexo:Não informado

Posted 27/03/2005, 21:51

Aaa sim, desculpa, já li as regras

Bom o códido ficaria assim:

<script>
function adiciona()
{
document.teste.campo1.value += "texto";
document.teste.campo2.value += "texto2"
}
</script>

<form name="teste">

<select name="menu" onchange="adiciona()">

<option>Escolha</option>
<option value="1"> Opção 1 </option>
<option value="2"> Opção 2 </option>

</select>

<input type="text" name="campo1">
<input type="text" name="campo2">

</form>

Porém ele teria que adicionar valores diferentes nos dois campos dependendo da opção selecionada. Ex:

Opção 1:
Campo1 recebe "texto1"
Campo2 recebe "texto2"

Opção 2:
Campo1 recebe "texto3"
Campo2 recebe "texto4"

Como posso fazer isso?

Obrigado,
Felipe

#4 Alex Hiroshi

Super Veterano

Ex-Admins
4923 posts

Sexo:Masculino
Localidade:São Paulo - SP

Posted 27/03/2005, 22:12

Sobre as regras, sem problemas

todo mundo um dia erra....
-------------

No caso de ser um texto para cada opção do menu, vc pode criar uma condicional if(). .
a sintaxe é

if(se isso for == a isso){
então eu vou fazer isso. . 
}
else { // se não for igual
então vou fazer isso. .
}

no seu exemplo, vc vai ter que ver se o valor selecionado no menu é igual a 1 (primeira opção), se ele for igual, vc adiciona o texto da opção 1 caso contrario, opção 2 . .
ficando assim

if(document.teste.menu.value=="1"){
aqui vc coloca as linhas para adicionar um texto para  a opção 1
}
else{
aqui vc coloca as linhas para adicionar um texto para a opção 2
}

dá para fazer com essa base? tente ae... qualquer coisa volte a postar

Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#5 Felipedcb

Turista

Usuários
30 posts

Sexo:Não informado

Posted 28/03/2005, 11:28

Já deu certo já!

Vlwsaum aew...

#6 Kleber Franklin

Novato no fórum

Usuários
1 posts

Sexo:Masculino
Localidade:São Paulo

Posted 25/08/2011, 14:06

Boa tarde,
Este código esta perfeito para o que eu preciso, porem não estou conseguindo utilizar a parte o If.
Segui as orientações do Alex Hiroshi... mais não acontece nada..
Meu código
<script>
function adiciona()
if(document.teste.menu.value=="1"){

document.teste.campo1.value += "texto";
document.teste.campo2.value += "texto2"
}
else{
document.teste.campo1.value += "texto3";
document.teste.campo2.value += "texto4"
}
</script>
<form name="teste">
<select name="menu" onchange="adiciona()">
<option>Escolha</option>
<option value="1"> Opção 1 </option>
<option value="2"> Opção 2 </option>
</select>
<input type="text" name="campo1">
<input type="text" name="campo2">
</form>

#7 nilton_soares

Novato no fórum

Usuários
1 posts

Sexo:Masculino
Localidade:Uberlandia, Minas Gerais, Brasil

Posted 02/10/2015, 12:46

Boa tarde Kleber Franklin

Adaptei os modelos acima e percebi que vc não colocou as chaves para abertura e fechamento do IF.

Veja como ficou a adaptação:

function adiciona()

{

if(document.teste.menu.value=="1"){

document.teste.campo1.value = "50";