[Resolvido] Formulario com seleção de destino

Março 26, 2008

Preciso construir um formulario em que o usuário inicialmente irá escolher o departamento para o qual deseja enviar a sua mensagem, usanso um caixa drop-down.

Cada departamento tem sua caixa de e-mail.

Minha dúvida é a seguinte:

Como preencher o código javascript abaixo, de forma a aterar dinamicamente o campo "recipient" do código HTML, ou seja para que a mensagem chegue à caixa de mensagem do departamento escolhido pelo usuário.

Agradeço imensamento qualquer ajuda nesse sentido.

Fiquem na paz!

CODIGO JAVASCRIPT

function selecionar_recipient()
{
if (formulario.categoria.value == "Secretaria") 
    {
       ;
    }
else 

if (formulario.categoria.value == "Diretoria") 
    {
       ;
    }         
else 

if (formulario.categoria.value == "Vendas") 
    {
       ;
    }
}

CODIGO HTML

<html>
<head>
<title>Fale Conosco</title>

<script src="selecionar_recipient.js"></SCRIPT>

</head>

<body>
<form method="post" action="http://www.dominio/cgi-sys/FormMail.cgi"; name="formulario">

<SELECT name=categoria><OPTION selected>-- Selecione um departamento --</OPTION> 
    <OPTION value=Secretaria>Secretaria</OPTION>
    <OPTION value=Diretoria>Diretoria</OPTION> 
    <OPTION value=Vendas>Vendas</OPTION> 
</SELECT>

<input type=hidden name="recipient" value="webmaster@dominio">

<p>Mensagem: <textarea name="sugestao" rows="3" cols="20"></textarea></p>

<input type="submit" name="Submit" value="Enviar" onclick= selecionar_recipient() >
</form> 

</body>

</html>

Gigabyte · Março 26, 2008

Olá Cleber!

Acho que você quer isto...

<html>
<head>
<title>Fale Conosco</title>

<script src="selecionar_recipient.js"></SCRIPT>

</head>

<body>
<form method="post" action="http://www.dominio/cgi-sys/FormMail.cgi"; name="formulario">

<select name="categoria" onchange="java script:document.getElementById('recipient').value = this.value;">
  <option selected>-- Selecione um departamento --</option>
  <option value="secretaria@seu_dominio">Secretaria</option>
  <option value="diretoria@seu_dominio">Diretoria</option>
  <option value="vendas@seu_dominio">Vendas</option>
</select>

<input type="hidden" id="recipient" name="recipient" value="webmaster@dominio">

<p>Mensagem: 
  <textarea name="sugestao" rows="3" cols="20"></textarea>
</p>

<input type="submit" name="Submit" value="Enviar">
</form>

</body>

</html>

Explicando.... No evento onchange (ao selecionar uma opção) do combo "categoria", você atribui o valor da opção ao campo "recipient".

Mas, na realidade, não entendi o porque do hidden, sendo que você pode nomear o seu combo como "recipient" e apenas proceder com o submit!

PS: Nem precisa de um arquivo js! rsrs......

Editado Março 26, 2008 por Gigabyte

Março 27, 2008

Olá Gigabyte!

Agradeço imensamente sua ajuda.

Não entendo nada de scripts de formulário.

Sua contribuição foi de grande valia para mim.

Segui sua sugestão em atribuir o combo como recipient

O código final funcionou perfeitamente, ficando assim:

<form method="post" action="http://www.dominiocgi-sys/FormMail.cgi"; name="formulario"> 

Selecione o departamento: <select name="recipient" onchange="java script:document.getElementById('recipient').value = this.value;">
  <option selected>-- Selecione um departamento --</option>
  <option value="teste1@dominio">Secretaria</option>
  <option value="teste2@dominio">Diretoria</option>
</select>

<input type=hidden name="subject" value="Formulario de Contato"> 
<input type=hidden name="redirect" value="http://dominio/fale-conosco/obrigado.html">

<p>Nome: <input type="text" name="nome" size="47"> </p>
<p>E-mail: <input type="text" name="email" size="47"> </p>
<p>Sugestão: <textarea name="sugestao" rows="10" cols="37"></textarea> </p>

<input type="submit" name="Submit" value="Enviar">

Entrar

[Resolvido] Formulario com seleção de destino

Pergunta

Guest Cleber

Link para o comentário

Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

Gigabyte

Link para o comentário

Compartilhar em outros sites

Guest clebersm

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades