Jump to content
Fórum Script Brasil
  • 0

Formulário dinâmico com PHP

David Washin

Asked by David Washin,

 Share

Question

David Washin

David Washin

Posted
Posted

Olá pessoal, sou novo aqui no forum e estou precisando de uma ajudinha de vocês...

Estou precisando criar um formulário de orçamento dinâmico cuja informações apareçam ou modifiquem-se conforme as opções do cliente...

Como seria:

Primeiramente o cliente teria que preencher as informações pessoais (nome, telefone, email, etc) e após o preenchimento dessas informações ele teria três opções: solitar orçamento filmagem, solicitar orçamento web, solicitar orçamento design. De acordo com a opção escolhida surgiria na tela novas opções de preenchimento (ex: no caso de filmagem: data, local, horario) para só então aparecer a opção de enviar orçamento, fazendo com que os dados preenchidos cheguem ao meu email (não só os ultimos dados preenchidos como tambem os primeiros com informações pessoais)...

Já vi alguns sites que usam esse tipo de formulário e já pesquisei bastante como fazer, não obtendo sucesso...

não precisa me dar o codigo pronto (seria uma boa rsrsrs), ao menos uma luz de como fazer...

Se por ventura houver alguém disposto a me ajudar agradeço!

irei utilizar esse forum com mais frequencia, resolvendo as duvidas que conseguir dos outros colegas...

Desde já, muito obrigado...

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0
Andre_Luiz

Andre_Luiz

Posted
Posted
Olá pessoal, sou novo aqui no forum e estou precisando de uma ajudinha de vocês...

Estou precisando criar um formulário de orçamento dinâmico cuja informações apareçam ou modifiquem-se conforme as opções do cliente...

Como seria:

Primeiramente o cliente teria que preencher as informações pessoais (nome, telefone, email, etc) e após o preenchimento dessas informações ele teria três opções: solitar orçamento filmagem, solicitar orçamento web, solicitar orçamento design. De acordo com a opção escolhida surgiria na tela novas opções de preenchimento (ex: no caso de filmagem: data, local, horario) para só então aparecer a opção de enviar orçamento, fazendo com que os dados preenchidos cheguem ao meu email (não só os ultimos dados preenchidos como tambem os primeiros com informações pessoais)...

Já vi alguns sites que usam esse tipo de formulário e já pesquisei bastante como fazer, não obtendo sucesso...

não precisa me dar o codigo pronto (seria uma boa rsrsrs), ao menos uma luz de como fazer...

Se por ventura houver alguém disposto a me ajudar agradeço!

irei utilizar esse forum com mais frequencia, resolvendo as duvidas que conseguir dos outros colegas...

Desde já, muito obrigado...

Opa!

Fala rapaz tudo bem?

Seguinte, é bastante simples como é feito isso. Basicamente é feita uma função para determinar o que será preenchido a seguir a partir de um valor de um campo select por exemplo. Colocar abaixo um código pequeno mas que possivelmente vá te ajudar:

<html>
<head>
<script type="text/javascript" src="jquery-1.5.2.min.js"></script>
<script>
    function preencheCidade(valor) { // Função que recebe um valor
        var conteudo = "Cidade:"; // Variável iniciada com cidade
        if(valor == 'DF') { // Caso o valor passado para função seja igual a "DF"
            conteudo += "<select name='vlrCidade'>";
            conteudo += "<option>Brasília</option>";
            conteudo += "<option>Gama</option>";
            conteudo += "</select>";
        }else if(valor == 'CE') { // Caso o valor passado para função seja igual a "CE"
            conteudo += "<select name='vlrCidade'>";
            conteudo += "<option>Fortaleza</option>";
            conteudo += "<option>Itabuida</option>";
            conteudo += "</select>";
        } else { // Caso o valor passado para função não entre nas condições anteriores
            document.getElementById("cidades").innerHTML = "";
            return; // Retorna
        }
        
        document.getElementById("cidades").innerHTML = conteudo; // Atribui a variável ao código HTML
    }
</script>
</head>
<body>
<div id="estados"> 
Estado: <select id="vlrEstado" onChange="preencheCidade(this.value);"> <!-- On Change, toda vez que for selecionada uma opção chama a funcção passando o valor da opção selecionada -->
<option>-- Selecione --</option>
<option value="DF">Distrito Federal</option>
<option value="CE">Ceará</option>
</select>
</div>
<div id="cidades"> <!-- Local que irá aparecer o próximo Select -->

</div>
</body>
</html>

Tentei comentar o código para que você possa entender melhor.

Isso é um exemplo "chulo" usando somente HTML e JS, mas se você utilizar AJAX pode tornar isso muito mais dinâmico, preenchendo campos de acordo com valores vindo do banco de dados etc. Aí é usar a imaginação.

Espero ter ajudado. Forte abraço.

Link to comment
Share on other sites
  • 0
Michel_pt

Michel_pt

Posted
Posted
Olá pessoal, sou novo aqui no forum e estou precisando de uma ajudinha de vocês...

Estou precisando criar um formulário de orçamento dinâmico cuja informações apareçam ou modifiquem-se conforme as opções do cliente...

Como seria:

Primeiramente o cliente teria que preencher as informações pessoais (nome, telefone, email, etc) e após o preenchimento dessas informações ele teria três opções: solitar orçamento filmagem, solicitar orçamento web, solicitar orçamento design. De acordo com a opção escolhida surgiria na tela novas opções de preenchimento (ex: no caso de filmagem: data, local, horario) para só então aparecer a opção de enviar orçamento, fazendo com que os dados preenchidos cheguem ao meu email (não só os ultimos dados preenchidos como tambem os primeiros com informações pessoais)...

Já vi alguns sites que usam esse tipo de formulário e já pesquisei bastante como fazer, não obtendo sucesso...

não precisa me dar o codigo pronto (seria uma boa rsrsrs), ao menos uma luz de como fazer...

Se por ventura houver alguém disposto a me ajudar agradeço!

irei utilizar esse forum com mais frequencia, resolvendo as duvidas que conseguir dos outros colegas...

Desde já, muito obrigado...

Opa!

Fala rapaz tudo bem?

Seguinte, é bastante simples como é feito isso. Basicamente é feita uma função para determinar o que será preenchido a seguir a partir de um valor de um campo select por exemplo. Colocar abaixo um código pequeno mas que possivelmente vá te ajudar:

<html>
<head>
&lt;script type="text/javascript" src="jquery-1.5.2.min.js"></script>
&lt;script>
    function preencheCidade(valor) { // Função que recebe um valor
        var conteudo = "Cidade:"; // Variável iniciada com cidade
        if(valor == 'DF') { // Caso o valor passado para função seja igual a "DF"
            conteudo += "<select name='vlrCidade'>";
            conteudo += "<option>Brasília</option>";
            conteudo += "<option>Gama</option>";
            conteudo += "</select>";
        }else if(valor == 'CE') { // Caso o valor passado para função seja igual a "CE"
            conteudo += "<select name='vlrCidade'>";
            conteudo += "<option>Fortaleza</option>";
            conteudo += "<option>Itabuida</option>";
            conteudo += "</select>";
        } else { // Caso o valor passado para função não entre nas condições anteriores
            document.getElementById("cidades").innerHTML = "";
            return; // Retorna
        }
        
        document.getElementById("cidades").innerHTML = conteudo; // Atribui a variável ao código HTML
    }
</script>
</head>
<body>
<div id="estados"> 
Estado: <select id="vlrEstado" onChange="preencheCidade(this.value);"> <!-- On Change, toda vez que for selecionada uma opção chama a funcção passando o valor da opção selecionada -->
<option>-- Selecione --</option>
<option value="DF">Distrito Federal</option>
<option value="CE">Ceará</option>
</select>
</div>
<div id="cidades"> <!-- Local que irá aparecer o próximo Select -->

</div>
</body>
</html>

Tentei comentar o código para que você possa entender melhor.

Isso é um exemplo "chulo" usando somente HTML e JS, mas se você utilizar AJAX pode tornar isso muito mais dinâmico, preenchendo campos de acordo com valores vindo do banco de dados etc. Aí é usar a imaginação.

Espero ter ajudado. Forte abraço.

Boas,

Tambem procuro uma coisa semelhante para um site que possuo, nomeadamente de classificados gratis.

Desejava que ao selecionar em dropdown as varias categorias, pudesse aparecer em baixo as diferentes opções.

Exemplo:

em imobiliario:

Aluguer; venda; trespasse, etc (selecionar em drop ou caixa)

Tipologia

Area

Descrição

preço

fotos

video

etc

Motorizado:

Venda; compra; troca

descrição

cilindrada

cor

preço

fotos

video

etc

emprego:

procura; oferta

part-time; full-timr

descrição

CV

fotos

video

etc

e muitas outras hipoteses

Caso tenham duvidas poderei ceder o codigo base para o melhorar.

Infelizmente sou um pouco cru em PHP

Obrigado pela disponibilidade

Aguardo....!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing


  • Forum Statistics

    • Total Topics
      152.2k
    • Total Posts
      652k
×
×
  • Create New...