(Resolvido) Mensagem automática para categoria

[marceloths]

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.

[Jonathan Queiroz]

Como está seu formulário ?

Você pode usar o evento onchange do seu select

[marceloths]

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??

[Jonathan Queiroz]

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")
}
[...]

[marceloths]

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

[Jonathan Queiroz]

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í !

[marceloths]

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.

[Jonathan Queiroz]

Deve ser utilizar dentro das tag's <script> e </script>

[marceloths]

Obrigado pela atenção e ajudas, Jonathan,

Consegui resolver meu problema graça a você.

:D