richiamare una nuova jsp cliccando su un elemento di una select

**danyred** · 26-09-2018, 19:48

salve,
ho una pagina jsp che contiene una select: È possibile richiamare un'azione cliccando sull'elemento scelto passandogli i dati dell'elemento? Se si, mi potete suggerire come?
grazie.

Gli esempi che ho trovato in rete richiamano l'azione, ma senza passare i dati dell'elemento scelto.

Questa è la pagia jsp in questione: funziona, però dopo aver selezionato l'elemento devo cliccare sul pulsante di submit, ed è quello che vorrei evitare.

codice:

<%--     Document   : SaveParam
    Created on : 16-set-2013, 11.29.14
    Author     : danilo
--%>
<%@ page language="java" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!--title></title-->


        <link rel="stylesheet" type="text/css" 
                  href="style2.css">
    </head>


    <body>
<SCRIPT LANGUAGE="JavaScript">




            function aggiornaCampo(ff, sel) {
                var f = document.frm;
                var val = eval('f.' + sel.name + '_value');
                if (val) {
                    val.value = sel.options[sel.selectedIndex].value;
                }
            }
        </script>
         <%!int ixv = 0;%>
        <%!int iV = 0;%>
        <%!String Dati;%>
        <%
            String sel1 = "";
        %>


        <jsp:useBean id="eGana" scope="session" class="gana.WElencoGana"/>    


        <%
            eGana.esegui();
            eGana.fine();
            iV = eGana.getlenght();
        if(iV>1){
        %>
        <FORM name="frm" METHOD="post" ACTION="cercaGana.jsp" >
            <TABLE>
                <TR> 
                    <TD  rowspan=500>
                        <SELECT name="sel1"  id="sel1" onchange="aggiornaCampo(this.form, this)" size="35" >
                            <option>
                                "scegli" 
                                <%
                                    for (ixv = 0; ixv < iV; ixv++) {
                                 %>
                            <option> 
                                <%=eGana.getDati(ixv, 0)%>;
                                <%=eGana.getDati(ixv, 1)%>
                                <%
                                    }
                                %>
                        </select>
                    </td>
                </TR>
            </TABLE>
            <INPUT type="hidden"  name="sel1_value" id="sel1_value">
            <p></p>
            <INPUT TYPE=SUBMIT />
        </FORM>
        <%
            }else{
        if (iV > 0) {
        %>
        <FORM name=singolo METHOD=POST id="singolo" ACTION="cercaGana.jsp" />
        <INPUT type="text"  name="sel1_value" value="<%=eGana.getDati(0, 0)%>;<%=eGana.getDati(0, 1)%>;">
        <INPUT TYPE=SUBMIT  />
        </FORM> 
    <% 
        }else{
    %>    
    NON ESISTE!" 
    <% 
    }
        }
    %>
    <FORM name=inizio METHOD=POST  ACTION="nuovo.jsp" />
    <INPUT TYPE=SUBMIT value="NUOVO"/>
    </FORM> 
    </body>
    </html>

**ciro78** · 26-09-2018, 20:37

Originariamente inviata da danyred

salve,
ho una pagina jsp che contiene una select: È possibile richiamare un'azione cliccando sull'elemento scelto passandogli i dati dell'elemento? Se si, mi potete suggerire come?
grazie.

Gli esempi che ho trovato in rete richiamano l'azione, ma senza passare i dati dell'elemento scelto.

Questa è la pagia jsp in questione: funziona, però dopo aver selezionato l'elemento devo cliccare sul pulsante di submit, ed è quello che vorrei evitare.

codice:

<%--     Document   : SaveParam
    Created on : 16-set-2013, 11.29.14
    Author     : danilo
--%>
<%@ page language="java" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!--title></title-->


        <link rel="stylesheet" type="text/css" 
                  href="style2.css">
    </head>


    <body>
<SCRIPT LANGUAGE="JavaScript">




            function aggiornaCampo(ff, sel) {
                var f = document.frm;
                var val = eval('f.' + sel.name + '_value');
                if (val) {
                    val.value = sel.options[sel.selectedIndex].value;
                }
            }
        </script>
         <%!int ixv = 0;%>
        <%!int iV = 0;%>
        <%!String Dati;%>
        <%
            String sel1 = "";
        %>


        <jsp:useBean id="eGana" scope="session" class="gana.WElencoGana"/>    


        <%
            eGana.esegui();
            eGana.fine();
            iV = eGana.getlenght();
        if(iV>1){
        %>
        <FORM name="frm" METHOD="post" ACTION="cercaGana.jsp" >
            <TABLE>
                <TR> 
                    <TD  rowspan=500>
                        <SELECT name="sel1"  id="sel1" onchange="aggiornaCampo(this.form, this)" size="35" >
                            <option>
                                "scegli" 
                                <%
                                    for (ixv = 0; ixv < iV; ixv++) {
                                 %>
                            <option> 
                                <%=eGana.getDati(ixv, 0)%>;
                                <%=eGana.getDati(ixv, 1)%>
                                <%
                                    }
                                %>
                        </select>
                    </td>
                </TR>
            </TABLE>
            <INPUT type="hidden"  name="sel1_value" id="sel1_value">
            <p></p>
            <INPUT TYPE=SUBMIT />
        </FORM>
        <%
            }else{
        if (iV > 0) {
        %>
        <FORM name=singolo METHOD=POST id="singolo" ACTION="cercaGana.jsp" />
        <INPUT type="text"  name="sel1_value" value="<%=eGana.getDati(0, 0)%>;<%=eGana.getDati(0, 1)%>;">
        <INPUT TYPE=SUBMIT  />
        </FORM> 
    <% 
        }else{
    %>    
    NON ESISTE!" 
    <% 
    }
        }
    %>
    <FORM name=inizio METHOD=POST  ACTION="nuovo.jsp" />
    <INPUT TYPE=SUBMIT value="NUOVO"/>
    </FORM> 
    </body>
    </html>

esattamente cosa devi realizzare? da quello che vedo non chiudi bene il tag option. quindi magari non funziona per quello.

**danyred** · 26-09-2018, 21:45

vero, manca la la chiusura del tag option (ma html è di bocca buona e lo accetta ugualmente). La pagina così come è funziona benissimo, ma io vorrei che quando clicco su una scelta mi si aprisse subito la pagina relativa ai dati della scelta, senza che si debba premere anche il pulsante del submit.
grazie comunque per l'interessamento.

Discussione: richiamare una nuova jsp cliccando su un elemento di una select

Strumenti discussione

Ricerca discussione

Visualizza

richiamare una nuova jsp cliccando su un elemento di una select

Permessi di invio