Boa tarde Pessoal! Podem me ajudar? Como faço para habilitar novos campos de preenchimento em um form selecionando um determinado valor em uma combo. Por exemplo: Tenho uma combo com o valor "equipamentoCritico", q…

Combo Box Habilitando novos campos de preenchimento no form [Resolvido]

2 Respostas

btafarelo 12 de mar. de 2013

Fiz um exemplo pra você. Tem 2 opções, por javascript ou por submit da página.

Salve o código em um arquivo teste.jsp

&lt;html&gt;
&lt;head&gt;
&lt;title&gt;&lt;/title&gt;
&lt;script type="text/javascript"&gt;
	function MostraCampos(value) {
		for(i=2; i&lt;=3; i++)
			document.getElementById("div" + i).style.display='none';
		
		if (value &gt;= 2 && value &lt;= 3)
			document.getElementById("div" + value).style.display='block';
	}
	
	function EnviaForm() {
		document.getElementById("form1").submit();
	}
&lt;/script&gt;

&lt;form id="form1" action="teste.jsp" method="post"&gt;

&lt;label&gt;campo1&lt;/label&gt;
&lt;select name="campo1" id="campo1" onchange="MostraCampos(this.value)"&gt;
	&lt;option value="0"&gt;&lt;/option&gt;
    &lt;option value="2"&gt;campo2&lt;/option&gt;
    &lt;option value="3"&gt;campo3&lt;/option&gt;
&lt;/select&gt;

&lt;div id="div2" style="display:none"&gt;
&lt;label&gt;campo2 - javascript&lt;/label&gt;
&lt;select name="campo2" id="campo2"&gt;
	&lt;option value="0"&gt;&lt;/option&gt;
    &lt;option value="2"&gt;valor 1&lt;/option&gt;
    &lt;option value="3"&gt;valor 2&lt;/option&gt;
&lt;/select&gt;
&lt;/div&gt;

&lt;div id="div3" style="display:none"&gt;
&lt;label&gt;campo3 - javascript&lt;/label&gt;
&lt;select name="campo3" id="campo3"&gt;
	&lt;option value="0"&gt;&lt;/option&gt;
    &lt;option value="2"&gt;valor 1&lt;/option&gt;
    &lt;option value="3"&gt;valor 2&lt;/option&gt;
&lt;/select&gt;
&lt;/div&gt;

&lt;label&gt;campo4&lt;/label&gt;
&lt;select name="campo4" id="campo4" onchange="EnviaForm()"&gt;
	&lt;option value="0"&gt;&lt;/option&gt;
    &lt;option value="2"&gt;campo2&lt;/option&gt;
    &lt;option value="3"&gt;campo3&lt;/option&gt;
&lt;/select&gt;

&lt;% if ("2".equals(request.getParameter("campo4"))) { %&gt;
	&lt;label&gt;campo2 - submit &lt;/label&gt;
	&lt;select name="campo2" id="campo2"&gt;
		&lt;option value="0"&gt;&lt;/option&gt;
		&lt;option value="2"&gt;valor 1&lt;/option&gt;
		&lt;option value="3"&gt;valor 2&lt;/option&gt;
	&lt;/select&gt;
&lt;% } else if ("3".equals(request.getParameter("campo4"))) { %&gt;
	&lt;label&gt;campo3 - submit &lt;/label&gt;
	&lt;select name="campo3" id="campo3"&gt;
		&lt;option value="0"&gt;&lt;/option&gt;
		&lt;option value="2"&gt;valor 1&lt;/option&gt;
		&lt;option value="3"&gt;valor 2&lt;/option&gt;
	&lt;/select&gt;
&lt;% } %&gt;
	
&lt;/form&gt;
&lt;html&gt;

henriquepng78 12 de mar. de 2013

Deu certo amigão… funcionou beleza…
ahahahaah…

Valeu fera…

Abraços

2 Respostas

Topicos relacionados