JavaScritpr + Jsp

<%@page contentType=“text/html”%>
<%@page pageEncoding=“UTF-8”%>
<%@
include file=“ServerConfiguration.jsp”
%>

<%@
page import=“org.firebirdsql.jdbc.,org.firebirdsql.logging.Logger,java.sql.”

<%

Class.forName(“org.firebirdsql.jdbc.FBDriver”);

Connection aConnection = DriverManager.getConnection(DatabaseAddr,UserName, Password);

Statement stmt = aConnection.createStatement();

String Sql=“Select idcidade, nomecidade from cidade order by nomecidade”;
ResultSet aQuery=stmt.executeQuery(Sql);

String Sql1=“Select idcidade, nomecidade from cidade order by nomecidade”;

ResultSet aQuery1=stmt.executeQuery(Sql1);

%>

<%–
The taglib directive below imports the JSTL library. If you uncomment it,
you must also add the JSTL library to the project. The Add Library… action
on Libraries node in Projects view can be used to add the JSTL 1.1 library.
–%>
<%–
<%@taglib uri=“http://java.sun.com/jsp/jstl/core” prefix=“c”%>
–%>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Cadastro de Movimentações de Usuário</title>
</head>
<body>

<%---<form action="inclui.jsp" name="cadastro" method="post"> ----%>
<form name="cadastro" method="post"> 
    
    <table border="0">

Tipo de Movimentacao
1 - inclusao de Titular 2 - Inclusao de Dependente 3 - Exclusao de Titular 4 - Exclusao de Dependente 5 - Solicitacao de 2 via 8 - Alteracao de Dados

</select>>
<br><br>
            <tr>
                <th>Nome <input type="text" name="Nome" value="" SIZE=60 /></th>
                <th>Tp Usuario <input type="text" name="tpusuario" value="" SIZE=2 /></th>
            </tr>
        </thead>
        <tbody>
             <tr>
                <td>Grupo Setor <input type="text" name="gruposetor" value="" SIZE=5/></td>
                
            </tr>
            <tr>
                <td> Estado
    
    <select name="estado" OnClick="cidade()">       
          <option>    AC </option>   
          <option>    AL </option>   
            <option>  AM </option>   
            <option>  AP </option>   
            <option>  BA </option>   
            <option>  CE </option>   
            <option>  DF </option>   
            <option>  ES </option>   
            <option>  GO </option>   
            <option>  MA </option>   
            <option>  MG </option>   
            <option>  MS </option>   
            <option>  MT </option>   
            <option>  PA </option>   
            <option>  PB </option>   
            <option>  PE </option>   
            <option>  PI </option>   
            <option>  PR </option>   
            <option>  RJ </option>   
            <option>  RN </option>   
            <option>  RO </option>   
            <option>  RR </option>   
            <option>  RS </option>   
            <option>  SC </option>   
            <option>  SE </option>   
            <option>  SP </option>   
            <option>  TO </option>   
        </select>   
         
        local Atendimento 
    <select name="atendimento">       
    <%
        while (aQuery.next())
        {      
    %>    
        <option><%=aQuery.getString("nomecidade")%></option>   
    <%
        }
    %>            
    </select>   
                </td>
             
            </tr>
            <tr>
               <td>                                   
                Endereço <input type="text" name="endereco" value="" SIZE=70/>             
                
                </td>
              </tr>  
        </tbody>
    </table>

    
   
   
   
   
    
    
    
   
   <br><br>
   Bairro <input type="text" name="bairro" value="" SIZE=40/>
   
   
   <br><br>
   
    
   <%---Cidade
    <select name="cidade">       
    <%
        while (aQuery1.next())
        {      
    %>    
        <option><%=aQuery1.getString("nomecidade")%></option>   
    <%
        }
    %>            
    </select> --%>

   
    
    <br><br>     
           
   Cep <input type="text" name="cep" value="" SIZE=14/>
   telefone <input type="text" name="fone" value="" SIZE=14/>       
   cpf <input type="text" name="cpf" value="" SIZE=11/> 
   rg <input type="text" name="rg" value="" SIZE=12/> 
   
   <br><br>
   Data Nascimento <input type="text" name="dtnascimento" value="" SIZE=12/> 
   
   Estado Civil      
    <select name="estadocivil">       
          <option>    Casado </option>   
          <option>    Solteiro </option>   
          <option>    Divorciado </option>   
          <option>    Viuvo </option>                             

    </select>
    
   <br><br> 
    Sexo
    <select name="sexo">       
          <option>    masculino </option>   
          <option>    feminino </option>                 
    </select>
   
    
    cpf titular<input type="text" name="cpftitular" value="" SIZE=11/> 
    
    Nome da Mae<input type="text" name="nmae" value="" SIZE=70/> 
    
    pis<input type="text" name="pis" value="" SIZE=11/> 

    
    Data Cadastro <input type="text" name="dtcadastro" value="" SIZE=12/> 
    
    identificacao do funcionario <input type="text" name="identificacao" value="" SIZE=12/> 
      <br><br>
    <input name='submit' type='submit' value='inclui'OnClick="validar_dados()" />

<%--
This example uses JSTL, uncomment the taglib directive above.
To test, display the page like this: index.jsp?sayHello=true&name=Murphy
--%>
<%--
<c:if test="${param.sayHello}">
    <!-- Let's welcome the user ${param.name} -->
    Hello ${param.name}!
</c:if>
--%>

</body>

Pessoal,

Como eu posso fazer o seguinte JavaScript

Tenho em um “combo1” com o campo estado e de acordo com o estado selecionado mostrara
no “combo2” a cidade

Passei por esse problema recentemente, e uma forma interessante que encontrei foi a seguinte:

http://www.javascripttoolbox.com/lib/dynamicoptionlist/examples.php

Ex.:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<HTML>
<HEAD>
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript" SRC="dynamicoptionlist.js"></SCRIPT>
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
<!-- ;
function mostraValueCombo(obj) {
	alert(obj.options[obj.selectedIndex].value);
}
// -->
</SCRIPT>
<TITLE>Teste ComboBox Dinâmico via JS</TITLE>
</HEAD>

<BODY onLoad="initDynamicOptionLists()">

<FORM METHOD="POST" ENCTYPE="multipart/form-data" ID="form" NAME="form">
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
<!-- ;
var filhos = new DynamicOptionList();
filhos.addDependentFields("pai", "filhos");
filhos.forValue("RS").addOptionsTextValue("Canguçu","1");
filhos.forValue("RS").addOptionsTextValue("Pelotas","2");
filhos.forValue("RS").addOptionsTextValue("Porto Alegre","3");
filhos.forValue("SC").addOptionsTextValue("Barra Velha","4");
filhos.forValue("SC").addOptionsTextValue("Florianópolis","5");
filhos.forValue("SC").addOptionsTextValue("São Joaquim","6");
// -->
</SCRIPT>
<SELECT NAME="pai" ID="pai">
<OPTION VALUE="RS">RS</OPTION>
<OPTION VALUE="SC" SELECTED>SC</OPTION>
</SELECT>
<SELECT NAME="filhos" ID="filhos" onChange="mostraValueCombo(this);">
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
<!-- ;
filhos.printOptions("filhos");
// -->
</SCRIPT>
</SELECT>
</FORM>

</BODY>
</HTML>

Não esquece de carregar o arquivo dynamicoptionlist.js

[]´s

3 Respostas

Topicos relacionados