ComboBOX... escolher opção [Resolvido]

Front-end
#1

Queria fazer algo assim… quando escolhe-se uma opção do comboBox aparece-se um tipo diferente de checkBox…

se escolher 01 aparece um tipo de checkBox se escolher 02 aparece outro tipo de checkBox…

Acho q é isso…

#2

Cara, se você quiser fazer isso sem dar submit na página, uma boa opção é usar div’s.

#3

Certo… vc poderia me dar um exemplo… disso… e se possivel tb… fazer com submit…

Nossa achei q não dava pra fazer isso… afinal ninguem responde… eu te pedi esse exemplos… pq to começando agora a programar…

Brigadaço…

#4

Jeito mais elegante de fazer isso: AJAX.

Dê uma busca no Google e volte aqui com suas dúvidas.

Abraço,

Armando

#5

Me de uma dicas de oq procurar cara… como comecei agora… não manjo muito disso…

valeu

#6

Fiz num arquivo só os dois exemplos:

<html>
<head>
<title>Mudando de Check Box</title>
</head>
<%
String selec = request.getParameter("selec");
%>
<script>
  function mudar(){
  	if( document.cadastro.selecionar.value == 1 ){
		div_tipo.innerHTML = "<input type='checkbox' name='ck_box' value='A'>A <br><input type='checkbox' name='ck_box' value='B'>B";
	} else if( document.cadastro.selecionar.value == 2 ) {
		div_tipo.innerHTML = "<input type='checkbox' name='ck_box' value='V'>Vermelho <br><input type='checkbox' name='ck_box' value='A'>Azul";
	} else {
		div_tipo.innerHTML = "&nbsp;";
	}
  }
  
  function enviar(){
  	document.cadastro.submit();
  }
</script>
<body>
<table width="592" border="1">
<form name="cadastro" method="post">
  <tr>
    <td width="84" height="54">Sem Submit</td>
    <td width="92"><select name="selecionar" onChange="mudar()">
			<option value="0">Selecione</option>
			<option value="1">   1   </option>
			<option value="2">   2   </option>
		</select>
		
	</td>
    <td width="394"><div id="div_tipo">&nbsp;</div></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>Com submit:</td>
    <td>
		<select name="selec" onChange="enviar()">
		  <option value="0">Selecione</option>
		  <option value="1"> 1 </option>
		  <option value="2"> 2 </option>
    	</select>
	</td>
    <td>
		<%
		if( "1".equals(selec) ){
			%><input type='checkbox' name='ck_box' value='A'>A <br><input type='checkbox' name='ck_box' value='B'>B<%
		} else if( "2".equals(selec) ){
			%><input type='checkbox' name='ck_box' value='V'>Vermelho <br><input type='checkbox' name='ck_box' value='A'>Azul<%
		} else {
			%>&nbsp;<%
		}
		%>
	</td>
  </tr>
</form>
</table>


</body>
</html>
#7

Nossa quanta coisa… então mesmo eu usando o struts… dá pra usar td isso… estou trabalahndo com as tagLibs do Struts…

Desculpas por não ter avisado antes q estava usando as tagLibs do Struts

#8

To tentando fazer isso com as taglibs do struts mas ta dando errado… meu codigo do ierate ta assim…


<logic:iterate id="check" name="checkBoxCombo" type="projeto.estudo.struts.study.BeanCheckBox">
			<html:checkbox property="checkBox"	value="<%=check.getNomeValorTipo() %>">
				<bean:write name="check" property="nomeValorTipo" /><br>
			</html:checkbox>
#9

Cara, esculpa, mas não manjo as tagLibs do Struts.

#10

Brigadão Cara… vo continuar na procura… valeu mesmo pela ajuda…

Bjs

#11

Resolvido caso alguel tiver com esse mesmo problema… é só entrar em contato…

Valeu galera…

Abs

#12

Cara, me interessei pelo assunto. Você poderia postar um trechinho do seu código?

Grato.

#13

Blz ta assim…

O if do JavaScrip para selecionar o tipo de checkbox

function show(obj) {
    
	var selecionaCombo = obj.value;  //passa o valor capturado para a variavel
    
       if( selecionaCombo == ''){
         document.getElementById('div1').style.display = "none";
         document.getElementById('div2').style.display = "none";
       } else if(selecionaCombo == '01'){
         document.getElementById('div1').style.display = "";
         document.getElementById('div2').style.display = "none";
       }else if(selecionaCombo == '02'){
         document.getElementById('div1').style.display = "none";
         document.getElementById('div2').style.display = "";
     
       }
  
  }

o checkBox


<div id="div1" style="display: none;>
   // aki vai seu logic:interate para o CHECKBOX
   // podendo ter varios checkBox... mas ai cria outro div desse com valor                                           
   // "id" diferente certo... como ta lá no if "div2"
  // ficando como a linha abaixo

<div id="div2" style="display: none;>
   // Obs: o none significa q ele já sai invisivel blz

no comboBox


<p><html:select property="comboBox" onchange="show(this)">
      // e sua implementação

Esse “” onchange="show(this) “” q vai chamar o JavaScript…

Blzas… qualquer coisa estamos ai…

Abs

#14

Brigadão ara, vlw mesmo.

#15