Campos de formulário

[yourwebmaker 0]

Bom pessoal... estou desenvolvendo um sistema de cadastro de usuários. Com vários perfis de usuários... Administradores, Intrutores, Alunos...

O que está acontecendo é o seguinte:

Eu criei dois forms... um ao lado do outro.... em um tem um campo select com os perfis de usuário.. e no outro... vários divs que são carregados de acordo com a seleção do campo select... para entender melhor... segue uma imagem abaixo...:

 

 

 

 

Bom.. até aí tudo bem... o problema.. é o seguinte.... quando eu envio essses campos.. (do formulário da direita).. os valores deles ficam nulo.... em branco....

 

Mas....para fazer isso eu coloco todas essas divs como "style=display:none;" para poder alternar entre uma e outra..... queria saber como é que faz para alternar entre essas divs.. mesmo elas estando ocultas.. e depois os campos que tem nelas..; me retornarem o valor real....

 

segue o código abaixo...

 

<h2>	  Incluir Usuários	</h2>	<h1><a href="index.php"><img src="img/logo.gif" alt="small logo" border="0" height="45" width="142"></a> </h1>  </div>  <div id="pageNav">	<div id="sectionLinks"> <a href="#">Section Link</a> <a href="#">Section Link</a> <a href="#">Section Link</a> <a href="#">Section Link</a> <a href="#">Section Link</a> <a href="#">Section Link</a> </div>	<div class="relatedLinks">	  <h3>Related Link Category</h3>	  <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> </div>	<div class="relatedLinks">	  <h3>Related Link Category</h3>	  <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> </div>	<div id="advert"> <img src="index.php" alt="" height="66" width="107"> Advertisement copy goes here. Advertisement copy goes here. </div>  </div>  <div id="content">	<div class="feature">	  <script language="javascript" type="text/javascript">function mudadiv(){	combo = document.getElementById('tius_cd_tipo_usuario');	div_tipo = document.getElementById('tipo');		div_instrutor = document.getElementById('tipo_instutor');	div_administrador = document.getElementById('tipo_administrador');	div_usuario_news_letter = document.getElementById('tipo_usuario_news_letter');	div_visitante = document.getElementById('tipo_visitante');		hdd_tipo = document.getElementById('tipo_usuario');		if(combo.value == 0)	{		div_tipo.innerHTML = "Selecione um tipo de usuário";		hdd_tipo.value = 0;	}	else if(combo.value == 1)	{		div_tipo.innerHTML = div_administrador.innerHTML;			hdd_tipo.value = 1;	}	else if(combo.value == 2)	{		div_tipo.innerHTML = div_instrutor.innerHTML;		hdd_tipo.value = 2;	}	else if(combo.value == 3)	{		div_tipo.innerHTML = div_usuario_news_letter.innerHTML;		hdd_tipo.value = 3;	}	else if(combo.value == 4)	{		div_tipo.innerHTML = div_visitante.innerHTML;		hdd_tipo.value = 4;	}}</script><form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">  <table border="0" cellpadding="1" cellspacing="1" width="100%">	<tbody><tr>	  <td valign="top" width="25%"><fieldset>		<legend>Identificação </legend>		<p>		  <label for="usua_tx_nome">Nome <br>		  <input name="usua_tx_nome" id="usua_tx_nome" type="text">		  </label>		</p>		<p>		  <label for="label5">Telefone <br>		  <input name="usua_tx_nome3" id="label5" type="text">		  </label>		</p>		<p>		  <label for="label6">Celular <br>		  <input name="usua_tx_nome4" id="label6" type="text">		  </label>		</p>		<p>		  <label for="usua_tx_login"> Login <br>		  <input name="usua_tx_login" id="usua_tx_login" type="text">		  </label>		</p>		<p>		  <label for="usua_tx_senha">Senha <br>		  <input name="usua_tx_senha" id="usua_tx_senha" type="password">		  </label>		</p>		<p>		  <label for="usua_tx_email">E-mail <br>		  <input name="usua_tx_email" id="usua_tx_email" type="text">		  </label>		  @		  digitaltreinamentos.com.br		</p>		<p>		  <label for="tius_cd_tipo_usuario">Tipo de usuário <br>		  <select name="tius_cd_tipo_usuario" class="DataboxField" accesskey="" onchange="mudadiv()" id="tius_cd_tipo_usuario"><option value="0">-- Selecione --</option><option value="1">Administrador</option><option value="2">Instrutor</option><option value="3">Usuário de News Letter</option><option value="4">Visitante do site</option></select>		  </label>		</p>		</fieldset></td>	  <td valign="top" width="25%"><fieldset>		<legend>Características </legend>		<div id="tipo">Selecione um tipo de usuário </div>		<div id="tipo_instutor" style="display: none;">		  <h2>Instrutor</h2>		  <p>			<label for="inst_tx_descricao">Descrição<br>			<textarea name="inst_tx_descricao" id="inst_tx_descricao"></textarea>			</label>		  </p>		  <p>			<label for="inst_tx_urlsite">Endereço do site<br>			<input name="inst_tx_urlsite" id="inst_tx_urlsite" type="text">			</label>		  </p>		  <p>			<label for="inst_tx_foto">Foto para o site<br>			<input name="inst_tx_foto" id="label" type="file">			</label>		  </p>		  <p>			<label for="imagem_nome">Imagem para o nome<br>			<input name="imagem_nome" id="label" type="file">			</label>		  </p>		</div>		<div id="tipo_administrador" style="display: none;">		  <h2>Administrador</h2>		  <p>			<label for="admi_tx_descricao">Descrição<br>			<textarea name="admi_tx_descricao" id="admi_tx_descricao"></textarea>			</label>		  </p>		</div>		<div id="tipo_usuario_news_letter" style="display: none;">		  <h2>Usuário de News Letter</h2>		  <p>			Esse tipo de usuário não necessita de descrições		  </p>		</div>		<div id="tipo_visitante" style="display: none;">		  <h2>Visitante do site</h2>		  <p>			Esse tipo de usuário não necessita de descrições		  </p>		</div>		</fieldset></td>	</tr>	<tr>	  <td colspan="2" valign="top"><input name="Submit" value="Salvar" type="submit">		<input name="tipo_usuario" id="tipo_usuario" value="0" type="hidden"></td>	</tr>  </tbody></table></form>

[vicoluis 0]

ve se esta idéia te ajuda

 

http://ajaxbox.com.br/ajaxBox.Materia/?7_,...javascript.html