Jump to content

  2. →
  3. →

Photo

Campo Select Automático

Started By Beraldinho, 13/12/2009, 14:54

  • Faça o login para participar
11 replies to this topic

#1 Beraldinho

Beraldinho

    12 Horas

  • Usuários
  • 186 posts
  • Sexo:Masculino
  • Interesses:Amizade

Posted 13/12/2009, 14:54

Olá,

Estou com um pequeno problema, tenho que criar um formulário onde o internauta seleciona por exemplo o tipo de curso e em seguida carrega em baixo o valor automático.

Seria um campo select, com subcategoria.

Vou deixar aqui o código HTML que estou usando:

<select name="cursos">
                  <option>Piloto
de Aeronave</option>
                  <option
 value="Comissario(a) de Voo">Comiss&aacute;rio(a)
de V&ocirc;o</option>
                  <option value="Aeromoca">Aeromo&ccedil;a</option>
                  <option
 value="Mecanico de Aeronave">Mec&acirc;nico de
Aeronave</option>
                  </select>
Está em cima o código em HTML que estou querendo deixar automático. Por exemplo: seleciono aeromoça e em seguida vai ter outro select que vai ser atualizado automático onde apareçerá o valor.

Se alguém puder me ajudar ficarei muito agradecido.
"Guerreiro que está na frente lutando e nunca volta pra trás, o pode, a unção, a majestade seja dada totalmente para Jesus Cristo, porque ele é o Rei do Exércitos, e eu pertenço a esse exército, sou Guerreiro de Jesus, que luta contra o inimigo e nunca abaixa a cabeça, pode vim os problemas que sempre vou vencer. Te amo Jesus!" Venha você também conhecer Jesus Cristo, Ele morreu por você na cruz.

#2 Renan L. Queiroz

Renan L. Queiroz

    Mestre

  • Usuários
  • 690 posts
  • Sexo:Masculino
  • Localidade:Brasilia - DF

Posted 18/12/2009, 17:15

De acordo com essa citação, poderia me responder uma coisa?

e em seguida carrega em baixo o valor automático

Os dados do segundo select são parte de uma tabela no banco de dados
ou ao selecionar o primeiro select você quer que uma opção no segundo
select seja automaticamente selecionada?

Caso tenhamos uma entidade (tabela) sendo utilizada para o preenchimento
do segundo select, aconselho que de uma pesquisada na sala sobre AJAX,
acredito que você possa encontrar algo por lá! Pois sua funcionalidade se
trata do preenchimento de um segundo select a partir do parametro enviado
pelo primeiro select, e carregados de imadiato!

Mas isso caso você tenha esses dados do segundo select em uma
base de dados, caso contrário, caso o segundo select seja estático
podemos reavaliar a situação. ;-)

Edição feita por: Renan L. Queiroz, 18/12/2009, 17:17.

Especialidade: Desenvolvimento e Banco de Dados.


Este post lhe ajudou? Agradeça: Posted Image

#3 Beraldinho

Beraldinho

    12 Horas

  • Usuários
  • 186 posts
  • Sexo:Masculino
  • Interesses:Amizade

Posted 21/12/2009, 12:45

De acordo com essa citação, poderia me responder uma coisa?

e em seguida carrega em baixo o valor automático

Os dados do segundo select são parte de uma tabela no banco de dados
ou ao selecionar o primeiro select você quer que uma opção no segundo
select seja automaticamente selecionada?

Caso tenhamos uma entidade (tabela) sendo utilizada para o preenchimento
do segundo select, aconselho que de uma pesquisada na sala sobre AJAX,
acredito que você possa encontrar algo por lá! Pois sua funcionalidade se
trata do preenchimento de um segundo select a partir do parametro enviado
pelo primeiro select, e carregados de imadiato!

Mas isso caso você tenha esses dados do segundo select em uma
base de dados, caso contrário, caso o segundo select seja estático
podemos reavaliar a situação. ;-)


Paz, amado.

Não é utilizado nada do banco de dados, e sim quero selecionar o primeiro select e em seguida apareçe-se automaticamente a opção de segundo plano.

Aguardo..

grato!
"Guerreiro que está na frente lutando e nunca volta pra trás, o pode, a unção, a majestade seja dada totalmente para Jesus Cristo, porque ele é o Rei do Exércitos, e eu pertenço a esse exército, sou Guerreiro de Jesus, que luta contra o inimigo e nunca abaixa a cabeça, pode vim os problemas que sempre vou vencer. Te amo Jesus!" Venha você também conhecer Jesus Cristo, Ele morreu por você na cruz.

#4 Claudio Elias

Claudio Elias

    Novato no fórum

  • Usuários
  • 19 posts
  • Sexo:Masculino
  • Localidade:gyn

Posted 23/12/2009, 08:55

Pelo o que eu Entendi vc quer fazer um select em um List/Menu e carregar em outro List/Menu um valor automático de acordo com o select escolhido. Pois bem vc vai ter que usar ajax, Jquery e banco de dados.

Veja esta vídeo aula

#5 Willian Gustavo Veiga

Willian Gustavo Veiga

    12 Horas

  • Usuários
  • 175 posts
  • Sexo:Masculino

Posted 23/12/2009, 13:53

Boa tarde, tudo bem?

Eu recomendo utilizar AJAX, mas se você não quiser, utilize o seguinte código:

<html>
    <head>
        <title>Select</title>
        <meta content="http-equiv" type="text/html; charset=utf-8" />
        <script type="text/javascript">
        function changeCity() {
            clearSelect();

            if(document.getElementById('estados').selectedIndex == 1) {
                var option = document.createElement('option');
                option.setAttribute('value', 'florianópolis');
                option.appendChild(document.createTextNode('Florianópolis'));
                document.getElementById('cidades').appendChild(option);
            }
            else if(document.getElementById('estados').selectedIndex == 2) {
                var option = document.createElement('option');
                option.setAttribute('value', 'porto alegre');
                option.appendChild(document.createTextNode('Porto Alegre'));
                document.getElementById('cidades').appendChild(option);
            }
        }

        function clearSelect() {
            document.getElementById('cidades').options.length = 0;

            var option = document.createElement('option');
            option.appendChild(document.createTextNode('Selecione um Estado'));
            document.getElementById('cidades').appendChild(option);
        }
        </script>
    </head>
    <body>
        <h1>Select</h1>
        <form method="post" action="">
            <fieldset>
                <label for="estados">Estado</label>
                <select id="estados" name="estados" onchange="changeCity()">
                    <option>Selecione um Estado</option>
                    <option value="sc">Santa Catarina</option>
                    <option value="rs">Rio Grande do Sul</option>
                </select>
                <label for="cidades">Cidade</label>
                <select id="cidades" name="cidades">
                    <option>Selecione um Estado</option>
                </select>
            </fieldset>
        </form>
    </body>
</html>

Um abraço, tudo de bom.

Edição feita por: Willian Gustavo Veiga, 23/12/2009, 13:57.

Posted Image

#6 suportetecnicojunior

suportetecnicojunior

    Novato no fórum

  • Usuários
  • 3 posts
  • Sexo:Masculino
  • Localidade:Foz do Iguaçu

Posted 14/04/2010, 20:12

Boa tarde, tudo bem?

Eu recomendo utilizar AJAX, mas se você não quiser, utilize o seguinte código:

<html>
    <head>
        <title>Select</title>
        <meta content="http-equiv" type="text/html; charset=utf-8" />
        <script type="text/javascript">
        function changeCity() {
            clearSelect();

            if(document.getElementById('estados').selectedIndex == 1) {
                var option = document.createElement('option');
                option.setAttribute('value', 'florianópolis');
                option.appendChild(document.createTextNode('Florianópolis'));
                document.getElementById('cidades').appendChild(option);
            }
            else if(document.getElementById('estados').selectedIndex == 2) {
                var option = document.createElement('option');
                option.setAttribute('value', 'porto alegre');
                option.appendChild(document.createTextNode('Porto Alegre'));
                document.getElementById('cidades').appendChild(option);
            }
        }

        function clearSelect() {
            document.getElementById('cidades').options.length = 0;

            var option = document.createElement('option');
            option.appendChild(document.createTextNode('Selecione um Estado'));
            document.getElementById('cidades').appendChild(option);
        }
        </script>
    </head>
    <body>
        <h1>Select</h1>
        <form method="post" action="">
            <fieldset>
                <label for="estados">Estado</label>
                <select id="estados" name="estados" onchange="changeCity()">
                    <option>Selecione um Estado</option>
                    <option value="sc">Santa Catarina</option>
                    <option value="rs">Rio Grande do Sul</option>
                </select>
                <label for="cidades">Cidade</label>
                <select id="cidades" name="cidades">
                    <option>Selecione um Estado</option>
                </select>
            </fieldset>
        </form>
    </body>
</html>

Um abraço, tudo de bom.


Como eu adiciono mais um drop???

#7 kurmann

kurmann

    Novato no fórum

  • Usuários
  • 9 posts
  • Sexo:Não informado

Posted 21/04/2010, 00:03

Gostei desse modelo, mais preciso pegando os dados da db, alguem sabe como posso fazer isso?

pois tenho a tabela estados e cidades, ambas com id e etc... agora preciso que quando escolha o estado, faça aparecer as cidades cadastradas desse estado.

#8 Lady_Ju

Lady_Ju

    Novato no fórum

  • Usuários
  • 4 posts
  • Sexo:Feminino
  • Localidade:Belo Horizonte - MG

Posted 10/12/2010, 08:58

Estou com a mesma dúvida!!

Tenho cadastro de jogo...cadastro a data e os times
quando o usuário selecionada uma data...quero que no próximo select apareça(vindo do banco) apenas os jogos referentes a data escolhida!!

Eu "rodei" a internet toda..mas nada deu um resultado satisfatório...
como faço um refresh usando javascript???
Dou um refresh automático na página?? fiz isso e não mudou o campo!!

:unsure:

Opa....kurmann

Se ainda estiver precisando
achei esse tutorial aqui

http://www.daviferre...p-e-jquery.html

#9 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 23/09/2017, 15:52

Purchase Viagra In India Baclofen Acheter En Canada cheap cialis Primary Care Propecia Viagra Pizer
Online Bystolic Prescriptions Tagliare Proscar Propecia cialis buy online Side Effects Of Propecia

#10 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 24/09/2017, 10:36

Propecia Diabetes Dejar De Fumar Prix Viagra Cialis Levitra online pharmacy Para Comprar Viagra Hace Falta Receta Amoxicillin Oral

#11 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 07/10/2017, 22:46

Hydrochlorothiazide Medicine Lowest Cost Cialis viagra online prescription Viagra 25 Anos Generic Levaquin
Kamagra En La Hipertension Pulmonar viagra Images De Comprimes Amoxil

#12 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 26/11/2017, 12:32

Online Propecia Cost Kamagra Vendita Spagna Pastilla Cialis Ereccion buy 10 mg levitra online Kamagra Gunstig Bestellen Free Clomid Keflex Cystitis
Acheter Du Cialis Andorre viagra Online Canadian Pharmacy
Voltar para Javascript / DOM / AJAX / ECMAScript


1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → Javascript / DOM / AJAX / ECMAScript
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq