Solved

Passing selected values.

Posted on 2002-06-29
9
138 Views
Last Modified: 2010-04-01
<HTML>
<HEAD>

<TITLE></TITLE>

</HEAD>
<BODY>
<form NAME="ControlPanelForm" method=POST id=form1 name=form1 >
<table >
    <tr>
         <td>
               <select name="ControlPanelOne">
                   <option selected>Choose Option</option>
                   <option value="Reverse.jsp">Reverse</option>
                   <option value="Correct.jsp">Correct</option><option>Download</option><option>Print</option>
              </select>
         </td>
    </tr>
    <tr>
         <td>
              <INPUT type="checkbox" id=checkbox1 name=checkbox1 value="item1">
         </td>
         <td>
              04/14/02
         </td>
        <td >
              <a href="#">421</a>
        </td>
        <td >
              $123,456,789.00
         </td>
        <td >
              $1500.00
         </td>
        <td >
              $1000.00
         </td>
    </tr>
    <tr>
         <td>
              <INPUT type="checkbox" id=checkbox2 name=checkbox2 value="item2">
         </td>
         <td >
              03/09/02
         </td>
         <td >
              <a href="#">422</a>
         </td>
         <td >
              $103,456,789.00
         </td>
         <td >
              $1500.00
         </td>
         <td >
              $0
         </td>
    </tr>
    <tr>
     <td>
         <input type="Submit"  value="Submit"  id=submit1 name=submit1>
    </td>
  </tr>
</table>
</form>

<P>&nbsp;</P>

</BODY>
</HTML>

I have a html form as shown above. When the user selects a check box and chosses a option from the drop down ie either reverse or correct,the user should be presented the reverse.jsp with one row of values which the user selects.If the user selects two checkboxes and chooses reverse from the drop down then he should see two rows of data of the selected ones in Reverse.jsp.
I would like to know as to how to do it. Also in the jsp page i would like to include a javascript that highlights the selected rows.A code for doing this would be appreciated.
Thanks
Ramani
0
Comment
Question by:ramani081399
  • 4
  • 3
  • 2
9 Comments
 
LVL 50

Expert Comment

by:Ryan Chong
ID: 7121321
Try use:

if ((request.getMethod().equals("POST")) {
//change your HTML here
//Use request.getParameter("ControlPanelOne"), as well as request.getParameter("checkbox1") and request.getParameter("checkbox2") to determine what values had been posted.

}
else {

//Show Original HTML here

}
0
 

Author Comment

by:ramani081399
ID: 7123196

ryancys,
Could post a code snippet as to how to do this.

Ramani
0
 
LVL 50

Expert Comment

by:Ryan Chong
ID: 7123891
Let me check it tonight :) cheers
0
3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

 
LVL 1

Expert Comment

by:naveeth
ID: 7125353
you select reverse from the form it will take to reverse.jsp

===========================================================

<HTML>
<HEAD>

<TITLE></TITLE>
<script>
function jump()
{
var index=document.form1.ControlPanelOne.options.selectedIndex;
var temp=document.form1.ControlPanelOne.options[index].value;
alert(temp);
document.form1.action=temp;
document.form1.submit();
}
</script>

</HEAD>
<BODY>
<form NAME="ControlPanelForm" method=POST id=form1 name=form1 >
<table >
   <tr>
        <td>
              <select name="ControlPanelOne" onchange=jump();>
                  <option selected>Choose Option</option>
                  <option value="Reverse.jsp">Reverse</option>
                  <option value="Correct.jsp">Correct</option><option>Download</option><option>Print</option>
             </select>
        </td>
   </tr>
   <tr>
        <td>
             <INPUT type="checkbox" id=checkbox1 name=checkbox1 value="item1">
        </td>
        <td>
           <INPUT TYPE="hidden" value="04/14/02" name="checkbox1hid1dt1">  04/14/02
        </td>
       <td >
             
                <INPUT TYPE="hidden" value="421" name="checkbox1hid1lk"><a href="#">421</a>
       </td>
       <td >
               <INPUT TYPE="hidden" value="$123,456,789.00" name="checkbox1hid1amt1">
             $123,456,789.00
        </td>
       <td >
               <INPUT TYPE="hidden" value="$1500.00" name="checkbox1hid1amt2">
             $1500.00
        </td>
       <td >
               <INPUT TYPE="hidden" value="$1000.00" name="checkbox1hid1amt3">
             $1000.00
        </td>
   </tr>
   <tr>
        <td>
             <INPUT type="checkbox" id=checkbox2 name=checkbox2 value="item2">
        </td>
        <td>
           <INPUT TYPE="hidden" value="05/14/02" name="checkbox1hid2dt1">  04/14/02
        </td>
       <td >
             
                <INPUT TYPE="hidden" value="422" name="checkbox1hid2lk"><a href="#">421</a>
       </td>
       <td >
               <INPUT TYPE="hidden" value="$1256,456,789.00" name="checkbox1hid2amt1">
             $123,456,789.00
        </td>
       <td >
               <INPUT TYPE="hidden" value="$15560.00" name="checkbox1hid2amt2">
             $1500.00
        </td>
       <td >
               <INPUT TYPE="hidden" value="$78.00" name="checkbox1hid2amt3">
             $1000.00
        </td>
   </tr>
   <tr>
    <td>
        <input type="Submit"  value="Submit"  id=submit1 name=submit1>
   </td>
 </tr>
</table>
</form>

<P>&nbsp;</P>

</BODY>
</HTML>

===========================================================
0
 
LVL 1

Expert Comment

by:naveeth
ID: 7125362
this is your
Reverse.jsp
================================================


<%!
String strcheck1="";
String strcheck2="";
String strdt="";
String stramt1="";
String stramt2="";
String stramt3="";
String strlnk="";

%>
<%
strcheck1 = request.getParameter("checkbox1");
System.out.println("strcheck1"+strcheck1);
if (strcheck1 != null)
{
if(strcheck1.equals("item1"))
{
     strdt = request.getParameter("checkbox1hid1dt1");
     stramt1 = request.getParameter("checkbox1hid1amt1");
     stramt2 = request.getParameter("checkbox1hid1amt2");
     stramt3 = request.getParameter("checkbox1hid1amt3");
     strlnk = request.getParameter("checkbox1hid1lk");
%>

     <TABLE>
<TR>
     <TD><%=strdt%></TD>
     <TD><A HREF="#"><%=strlnk%></A></TD>
     <TD><%=stramt1%></TD>
     <TD><%=stramt1%></TD>
     <TD><%=stramt1%></TD>
</TR>
<%}}
strcheck2 =(String) request.getParameter("checkbox2");
System.out.println("strcheck1"+strcheck2);
if (strcheck2 != null)
{
if(strcheck2.equals("item2"))
{
     System.out.println("inside if");
     strdt = request.getParameter("checkbox1hid2dt1");
     stramt1 = request.getParameter("checkbox1hid2amt1");
     stramt2 = request.getParameter("checkbox1hid2amt2");
     stramt3 = request.getParameter("checkbox1hid2amt3");
     strlnk = request.getParameter("checkbox1hid2lk");
%>

<TR>
     <TD><%=strdt%></TD>
     <TD><A HREF="#"><%=strlnk%></A></TD>
     <TD><%=stramt1%></TD>
     <TD><%=stramt1%></TD>
     <TD><%=stramt1%></TD>
</TR>
<%}
}
%>
</TABLE>
0
 
LVL 1

Expert Comment

by:naveeth
ID: 7125370
keep both the files in same directory and select reverse from ur drop down it will take u to to Reverse.jsp.it will display 1 row if u select 1 and 2 if selecte 2.
regards
0
 
LVL 50

Accepted Solution

by:
Ryan Chong earned 100 total points
ID: 7126077
naveeth, please allow me to post some of my comments here despite it seems to be some partial duplicated. Bcos i don't want to waste my effort ! :)

Here is the post:

Hi ramani,

This is your original HTML you posted above, here me do some minor changes on it to make it dynamically change the page Action after the item is selected from Drop down Menu.
---test.jsp---

<HTML>
<HEAD>

<TITLE></TITLE>

</HEAD>
<BODY>
<form NAME="ControlPanelForm" method=POST id=form1>
<table >
   <tr>
        <td>
              <select name="ControlPanelOne" onclick="javascript:document.ControlPanelForm.action=document.ControlPanelForm.ControlPanelOne.value;">
                  <option selected>Choose Option</option>
                  <option value="Reverse.jsp">Reverse</option>
                  <option value="Correct.jsp">Correct</option>
                          <option>Download</option>
                          <option>Print</option>
             </select>
        </td>
   </tr>
   <tr>
        <td>
             <INPUT type="checkbox" name=checkbox1 value="item1">
        </td>
        <td>
             04/14/02
        </td>
       <td >
             <a href="#">421</a>
       </td>
       <td >
             $123,456,789.00
        </td>
       <td >
             $1500.00
        </td>
       <td >
             $1000.00
        </td>
   </tr>
   <tr>
        <td>
             
        <INPUT type="checkbox" name=checkbox2 value="item2">
        </td>
        <td >
             03/09/02
        </td>
        <td >
             <a href="#">422</a>
        </td>
        <td >
             $103,456,789.00
        </td>
        <td >
             $1500.00
        </td>
        <td >
             $0
        </td>
   </tr>
   <tr>
    <td>
        <input type="submit"  value="Submit"  id=submit1 name=submit1>
   </td>
 </tr>
</table>
</form>
<P>&nbsp;</P>

</BODY>
</HTML>

---test.jsp---

And i have created a Reverse.jsp which will contain the selected items' value:

---Reverse.jsp---

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<script languange = "javascript">
      function preselected() {
            var selecteditem = "<%=request.getParameter("ControlPanelOne")%>";
            var j = document.ControlPanelForm.ControlPanelOne.length;
            
            for (i=0; i<=j; i++) {
                  if (selecteditem == document.ControlPanelForm.ControlPanelOne.options[i].value) {
                        document.ControlPanelForm.ControlPanelOne.selectedIndex = i;
                        break;
                  }                  
            }            
      }
</script>


<body bgcolor="#FFFFFF" text="#000000" Onload="javascript:preselected();">
<form NAME="ControlPanelForm" method=POST id=form1>
<p>Reverse.jsp </p>
<table >
  <tr>
    <td>
      <select name="ControlPanelOne" onClick="javascript:document.ControlPanelForm.Action=document.ControlPanelForm.ControlPanelOne.value;">
        <option selected>Choose Option</option>
        <option value="Reverse.jsp">Reverse</option>
        <option value="Correct.jsp">Correct</option>
        <option>Download</option>
        <option>Print</option>
      </select>
    </td>
  </tr>
  <tr>
    <td>
      <input type="checkbox" name=checkbox1 value="item1" <%=(request.getParameter("checkbox1")==null)?"":"Checked" %>>
    </td>
    <td> 04/14/02 </td>
    <td > <a href="#">421</a> </td>
    <td > $123,456,789.00 </td>
    <td > $1500.00 </td>
    <td > $1000.00 </td>
  </tr>
  <tr>
    <td>
      <input type="checkbox" name=checkbox2 value="item2" <%=(request.getParameter("checkbox2")==null)?"":"Checked" %>>
    </td>
    <td > 03/09/02 </td>
    <td > <a href="#">422</a> </td>
    <td > $103,456,789.00 </td>
    <td > $1500.00 </td>
    <td > $0 </td>
  </tr>
  <tr>
    <td>
      <input type="submit"  value="Submit"  id=submit1 name=submit1>
    </td>
  </tr>
</table>
<p>&nbsp;</p>
</form>
</body>
</html>

---Reverse.jsp---

As you can see it's similar to test.jsp. But instead just include some extra jsp/javascript codes. The Reverse.jsp includes a javascript that pre-select an item in Menu > as you requested.

But the examples above is not good enough as we not grouping the checkboxes with same name, so we should name them as the same name, example: name all checkboxes as "checkbox1". Then we need to change the code from request.getParameter("checkbox1") to request.getParameterValues("checkbox1").

regards
ryancys
0
 

Author Comment

by:ramani081399
ID: 7126711
Ryancys

   Thanks.
Ramani
0
 
LVL 50

Expert Comment

by:Ryan Chong
ID: 7131223
Thanks for grade 'A'.
0

Featured Post

Microsoft Certification Exam 74-409

Veeam® is happy to provide the Microsoft community with a study guide prepared by MVP and MCT, Orin Thomas. This guide will take you through each of the exam objectives, helping you to prepare for and pass the examination.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Jquery - parsing the results returned from webmethod 1 112
java.util.concurrent.locks in java 3 191
spring dependency injection using java config 2 85
console vs log file 16 81
If you thought ransomware was bad, think again! Doxware has the potential to be even more damaging.
Having trouble getting your hands on Dynamics 365 Field Service or Project Service trial? Worry No More!!!
Along with being a a promotional video for my three-day Annielytics Dashboard Seminor, this Micro Tutorial is an intro to Google Analytics API data.
A short tutorial showing how to set up an email signature in Outlook on the Web (previously known as OWA). For free email signatures designs, visit https://www.mail-signatures.com/articles/signature-templates/?sts=6651 If you want to manage em…

773 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question