Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

roguedes

Pegando dados da tabela e retornando na combo

Por , em Javascript

Recommended Posts

roguedes    0

roguedes
Postado

Fala moçada, pow tô fazendo uma pequena aplicação em jsp, mas estou esbarrando num JavaScript aqui. Reconheço que tenho muito a melhorar em JavaScript ehehe. É o seguinte tenho uma combo sendo populada do banco de dados(tabela modalidade) e tenho uma classe equipe(na qual referencio modalidade), num formulário de consulta de equipes tenho a opção de alterar equipes. Aí quando consulto equipes quero retornar o valor correspondente na combo modalidade para fazer a alteração. Abaixo está meu script consulta_equipes.jsp. Tô usando a função setDados(id) para selecionar os valores. Um abraço, quem puder me ajudar agradeço.

 

 

<script>
function setDados(id){
	var nome = document.getElementById(id+"_Hnome").value;
	var tecnico = document.getElementById(id+"_Htecnico").value;
	var tel = document.getElementById(id+"_Htelefone").value;
	var inscricao = document.getElementById(id+"_Hinscricao").value;
	// var mod = document.getElementById(id+"_Hmodalidade").value;
	// var cid = document.getElementById(id+"_Hcidade").value;
	document.getElementById("inscricao").value = id;
	document.getElementById("tecnico").value = tecnico;
	document.getElementById("telefone").value = tel;
	document.getElementById("nome_1").value = nome;
	var modalidade = document.getElementById("modalidade").options[document.frm.modalidade.selectedIndex];
	var cidade = document.getElementById("cidade").options[document.frm.cidade.selectedIndex];
	
}
</script>
<LINK media=screen href="import/style.css" type=text/css rel=stylesheet>
</HEAD>
<BODY>
	  <table width="521" border="0" cellpadding="0" cellspacing="0">
		 <tr> 
		  <td height="50" colspan="2" valign="top">Consultar Equipes</td>
		</tr>
		<tr> 
		  <td width="242" height="37" valign="middle">Nome: 
			<input type="text" name="nome" onkeydown="mascara(this,maiuscula)"></td>
		  <td width="279" align="left" valign="middle"> 
		  <input type="submit" name="Submit3" value="Query" class="botao3d"> 
			
		  </tr>
	  </table>
	  <br>
	  <table width="621" border="2" cellpadding="0" cellspacing="0" class="tabela" id="table">
		<!--DWLayoutTable-->
		<%
		
		try{
			ArrayList<Equipes> equip = (ArrayList<Equipes>)request.getAttribute("equipes");
			 
			if(!equip.isEmpty()){
	
	%>
		
		<tr> 
		  <td width="50" height="21" valign="top">Inscrição</td>
		  <td width="150" valign="top">Nome</td>
		  <td width="150" valign="top">Tecnico</td>
		  <td width="380" valign="top">Telefone</td>
		  <td width="175" valign="top">Modalidade</td>
		  <td width="380" valign="top">Cidade</td>
		  <td width="35" valign="middle">Editar</td>
		<td width="35" valign="middle">Excluir</td>
		</tr>
	 <%
		
	for (Equipes e : equip) {
	%>
		<tr> 
		 <td height="15" valign="top"><%=e.getInscricao()%><input
			name="<%= e.getInscricao() %>_Hinscricao" type="hidden"
			id="<%= e.getInscricao() %>_Hinscricao" value=""
			value="<%= e.getInscricao() %>" /></td>
			
		  <td valign="top"><%=e.getNome()%><input
			name="<%= e.getInscricao() %>_Hnome" type="hidden"
			id="<%= e.getInscricao() %>_Hnome" value="<%= e.getNome() %>" /></td>
		  
			  
		  <td valign="top"><%=e.getTecnico()%><input
			name="<%= e.getInscricao() %>_Htecnico" type="hidden"
			id="<%= e.getInscricao() %>_Htecnico" value="<%= e.getTecnico() %>" /></td>
		  
		  <td valign="top"><%=e.getTelefone()%><input
			name="<%= e.getInscricao() %>_Htelefone" type="hidden"
			id="<%= e.getInscricao() %>_Htelefone" value="<%= e.getTelefone() %>" /></td>
			
		
		<td valign="top"><%=e.getModalidade().getNome()%><div id="divCombo1" class="divCombo"><select
			name="<%= e.getInscricao() %>_Hmodalidade" 
			id="<%= e.getInscricao() %>_Hmodalidade"> 
			<option value="<%= e.getModalidade().getNome() %>" >"<%= e.getModalidade().getNome() %>"</option>
			</select>
			</div></td>


		<td valign="top"><%=e.getCidade().getNome()%><div id="divCombo2"><select
			name="<%= e.getInscricao() %>_Hcidade"
			id="<%= e.getInscricao() %>_Hcidade" class="divCombo"> 
			<option value="<%= e.getCidade().getNome() %>">"<%= e.getCidade().getNome() %>"</option></select></div></td>		  

			
		<td valign="top"><img src="img/edit.png" alt="Editar" heigth="16"
			width="16" onclick="setDados('<%= e.getInscricao() %>');"></td>
		
		<td valign="top"><a	href="DeletarEquipes.do?inscricao=<%= e.getInscricao() %>"><img
			src="img/del.png" alt="Excluir" heigth="16" width="16"
			></a></td>
		</tr>
		
		<%
		}
	
	}
		
		</table>
		<br>
		</form>
		<br>
		 
 <form onsubmit="return valida_campos(this)" name="frm" method="get" id="frm" action="AlterarEquipes.do">
  <LINK media=screen href="import/style.css" type=text/css rel=stylesheet>
<table width="50%" border="0" cellspacing="0" cellpadding="0" class="tabela" id="table">
  <tr>
	<td width="23%">Código:</td>
	<td width="77%"><input name="inscricao" type="text" id="inscricao" readonly="readonly" size=30 /></td>
  </tr>
  <tr>
	<td>Nome:</td>
	<td><input name="nome1" type="text" id="nome_1" size=30 onkeydown="mascara(this,maiuscula)"/></td>
  </tr>
  <%
		
  if (request.getAttribute("modalidades") != null)
  {
	ArrayList<Modalidades> mod = (ArrayList<Modalidades>) request.getAttribute("modalidades"); 
				
			
	%>
 
  <tr>
	<td>Modalidade:</td>
	<td><select name="modalidade" id="modalidade" onChange="setDados(id)" >
   		<option value="1"></option>
   		<%
					 for (Modalidades e : mod) {
					 %>
					 
		<option value="<%= e.getCodigo() %>"><%= e.getNome() %></option>
					 <%
					   }
					 %>   		
   		</select>
   					<%
					   }
					 %>
   	</td>
  </tr>
  
  
<%
		
  if (request.getAttribute("cidades") != null)
  {
	ArrayList<Cidades> cid = (ArrayList<Cidades>) request.getAttribute("cidades"); 
				
			
	%>
<tr>
	<td>Cidade:</td>
	<td><select name="cidade" id="cidade">
		<option value="1"></option>
		<%
					 for (Cidades e : cid) {
					 %>
		<option value="<%= e.getCodigo() %>"><%= e.getNome() %></option>
					 <%
					   }
					 %>
		</select>
	</td>
					 <%
					  }
					  %>
  </tr>
  
  
  <tr>
	<td>Tecnico:</td>
	<td><input name="tecnico" type="text" id="tecnico" size=30 onkeydown="mascara(this,soTexto)" /></td>
  </tr>
  <tr>
	<td width="80" height="20">Telefone:</td>
	<td width="80" height="20">
	<input name="telefone" type="text" id="telefone" size=30 onkeydown="mascara(this,mtelefone)" maxlength="14"/></td>
	<td width="80" height="20"><input type="submit" name="alterar" value="Alterar" class="botao3d" align="left" ></td>
  </tr>
</table>
 
</form>

</DIV>
</BODY></HTML>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito