Ir para conteúdo
Fórum Script Brasil
  • 0

(Resolvido) Mensagem automática para categoria


marceloths

Pergunta

Prezado amigo,

Tenho um formulário para preenchimento que contêm vários campos, como por exemplo: nome, endereço, bairro, cidade, e-mail para contato e tb ano de nascimento. No campo de seleção de ano de nascimento que vai de 1951 até 2000, ao selecionar o ano, gostaria que o javascript capturasse o valor desse campo anonascimento do formulário e exibisse um texto ao lado do campo qual a categoria corresponde a aquele ano de nascimento.

1951 até 1960 - Categoria Master

1961 até 1970 - Categoria 3

1971 até 1980 - Categoria 2

1981 até 1990 - Categoria 1

1991 até 2000 - Categoria Mirim

Por exemplo:

Ao selecionar o ano de 1975, o javascript exibe um texto "Categoria 2"ao lado do campo ano de nascimento.

Se puder me ajudar, ficarei muito grato.

Atenciosamente,

Marcelo.

Link para o comentário
Compartilhar em outros sites

8 respostass a esta questão

Posts Recomendados

  • 0

esse é select do formulário que quero que javascript funcione... o problema é que eu não sei trabalhar com o Javascript

<select name="ano" class="formulario" id="select3">
                      <option>Ano</option>
                      <option value="1950">1950</option>
                      <option value="1951">1951</option>
                      <option value="1952">1952</option>
                      <option value="1953">1953</option>
                      <option value="1954">1954</option>
                      <option value="1955">1955</option>
                      <option value="1956">1956</option>
                      <option value="1957">1957</option>
                      <option value="1958">1958</option>
                      <option value="1959">1959</option>
                      <option value="1960">1960</option>
                      <option value="1961">1961</option>
                      <option value="1962">1962</option>
                      <option value="1963">1963</option>
                      <option value="1964">1964</option>
                      <option value="1965">1965</option>
                      <option value="1966">1966</option>
                      <option value="1967">1967</option>
                      <option value="1968">1968</option>
                      <option value="1969">1969</option>
                      <option value="1970">1970</option>
                      <option value="1971">1971</option>
                      <option value="1972">1972</option>
                      <option value="1973">1973</option>
                      <option value="1974">1974</option>
                      <option value="1975">1975</option>
                      <option value="1976">1976</option>
                      <option value="1977">1977</option>
                      <option value="1978">1978</option>
                      <option value="1979">1979</option>
                      <option value="1980">1980</option>
                      <option value="1981">1981</option>
                      <option value="1982">1982</option>
                      <option value="1983">1983</option>
                      <option value="1984">1984</option>
                      <option value="1985">1985</option>
                      <option value="1986">1986</option>
                      <option value="1987">1987</option>
                      <option value="1988">1988</option>
                      <option value="1989">1989</option>
                      <option value="1990">1990</option>
                      <option value="1991">1991</option>
                      <option value="1992">1992</option>
                      <option value="1993">1993</option>
                      <option value="1994">1994</option>
                      <option value="1995">1995</option>
                    </select>

Poderia me ajudar??

Link para o comentário
Compartilhar em outros sites

  • 0

Primeiramente, chame uma função para fazer isso no evento onchange do select

<select name="ano" class="formulario" id="select3" onchange="MinhaFuncao()">
O JS ficaria mais ou menos assim:
valor=document.getElementById("select3").value
if (valor>1950 && valor<=1960){
alert("Categoria Master")
}
[...]

Link para o comentário
Compartilhar em outros sites

  • 0

Ainda estou com muita dificuldade para resolver esse simples problema, no código usa-se um Select e logo em seguida um texto "Categoria: SSSSSS", gostaria que o javascript gerasse a categoria automaticamente na SSSSSSS assim que mudar para um outro campo de preenchimento no formulário. Desculpe pela minha dúvida: não sei aplicar a função do javascript na página HTML.

<select name="ano" class="formulario" id="select3">
                      <option>Ano</option>
                      <option value="1950">1950</option>
                      <option value="1951">1951</option>
                      <option value="1952">1952</option>
                      <option value="1953">1953</option>
                      <option value="1954">1954</option>
                      <option value="1955">1955</option>
                      <option value="1956">1956</option>
                      <option value="1957">1957</option>
                      <option value="1958">1958</option>
                      <option value="1959">1959</option>
                      <option value="1960">1960</option>
                      <option value="1961">1961</option>
                      <option value="1962">1962</option>
                      <option value="1963">1963</option>
                      <option value="1964">1964</option>
                      <option value="1965">1965</option>
                      <option value="1966">1966</option>
                      <option value="1967">1967</option>
                      <option value="1968">1968</option>
                      <option value="1969">1969</option>
                      <option value="1970">1970</option>
                      <option value="1971">1971</option>
                      <option value="1972">1972</option>
                      <option value="1973">1973</option>
                      <option value="1974">1974</option>
                      <option value="1975">1975</option>
                      <option value="1976">1976</option>
                      <option value="1977">1977</option>
                      <option value="1978">1978</option>
                      <option value="1979">1979</option>
                      <option value="1980">1980</option>
                      <option value="1981">1981</option>
                      <option value="1982">1982</option>
                      <option value="1983">1983</option>
                      <option value="1984">1984</option>
                      <option value="1985">1985</option>
                      <option value="1986">1986</option>
                      <option value="1987">1987</option>
                      <option value="1988">1988</option>
                      <option value="1989">1989</option>
                      <option value="1990">1990</option>
                      <option value="1991">1991</option>
                      <option value="1992">1992</option>
                      <option value="1993">1993</option>
                      <option value="1994">1994</option>
                      <option value="1995">1995</option>
                    </select>   Categoria: SSSSSSSS

Atenciosamente,

Marcelo

Link para o comentário
Compartilhar em outros sites

  • 0

Você teria que atribuir um id a um elemento para atribuir-lhe o valor

Categoria: <span id="mensagem"></span>
Depois mude o seu select para chamar a função no evento onchange
<select name="ano" class="formulario" id="select3" onchange="MinhaFuncao()">
O JS ficaria mais ou menos assim:
function MinhaFuncao(){
valor=document.getElementById("select3").value
msg=document.getElementById("mensagem")
if (valor>1950 && valor<=1960){
msg.innerHTML="Master"
}else if(valor<=1970){
msg.innerHTML="3"
}
[...]
}

Obs.:

Peço que ao postar códigos utilize as tag's [code] e [/code] (ou font="Verdana][html] e [/html], no caso de códigos HTML)

Mais informações aqui: http://scriptbrasil.com.br/forum/index.php?showtopic=131736

Qualquer dúvida posta aí !

Link para o comentário
Compartilhar em outros sites

  • 0

Essa função abaixo deve ser utilizada aonde? No arquivo separado ou dentro do html. Só não entendi essa parte e o resto eu entendi.

function MinhaFuncao(){
valor=document.getElementById("select3").value
msg=document.getElementById("mensagem")
if (valor>1950 && valor<=1960){
msg.innerHTML="Master"
}else if(valor<=1970){
msg.innerHTML="3"
}
[...]
}

Atenciosamente,

Marcelo.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...