By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
425,749 Members | 1,627 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 425,749 IT Pros & Developers. It's quick & easy.

passing the selected value of dropdown box to the next html page

P: 54
Hello acoder. I want to know another type of passing values between pages

I have three frames
frame1 for main horizontal menu
frame 2 for vertical submenu
frame 3 which is is loaded based on frame 2 submenu seletion

now i want to have value to be passed between the pages on frame3 based on submenu selection in frame 2


the frame2 has submenu as below
in a table there are two images based on selection of these i'm loading frame3

[HTML]<td><a onmouseover="swapImage()" onmouseout="swapImgRestore()" target="right_bottom" href="page1.html" >
<img id="img" src= "Images.jpg" alt="img" name="img" border="0"/>
</a>
</td>
<td><a onmouseover="swapImage()" onmouseout="swapImgRestore()" target="right_bottom" href="page2.html" >
<img id="img2" src= "Images2.jpg" alt="img" name="img2" border="0"/>
</a>
</td>
[/HTML]
now i want to pass value from page1 to page 2
please give me some idea
thanks
Feb 8 '08 #1
Share this Question
Share on Google+
13 Replies


P: 54
Hello folks
. I want to know another type of passing values between pages

I have three frames
frame1 for main horizontal menu
frame 2 for vertical submenu
frame 3 which is is loaded based on frame 2 submenu seletion

now i want to have value to be passed between the pages on frame3 based on submenu selection in frame 2


the frame2 has submenu as below
in a table there are two images based on selection of these i'm loading frame3

[HTML]<td><a onmouseover="swapImage()" onmouseout="swapImgRestore()" target="right_bottom" href="page1.html" >
<img id="img" src= "Images.jpg" alt="img" name="img" border="0"/>
</a>
</td>
<td><a onmouseover="swapImage()" onmouseout="swapImgRestore()" target="right_bottom" href="page2.html" >
<img id="img2" src= "Images2.jpg" alt="img" name="img2" border="0"/>
</a>
</td>[/HTML]

now i want to pass value from page1 to page 2
please give me some idea
thanks
Feb 8 '08 #2

acoder
Expert Mod 15k+
P: 16,027
Which value do you want to pass?
Feb 8 '08 #3

P: 54
Hello,
I want to pass the selected value of dropdown list to next page based on the selction of a menu in the same frameset

Please help me out
Feb 8 '08 #4

acoder
Expert Mod 15k+
P: 16,027
I've split and merged some posts into this new thread.

Post the code for the drop down box. When you say you want to pass to the page, where should it be available? Does some element's value need to be set? Show the code for the page that the value has to be passed to.
Feb 8 '08 #5

P: 54
there are three frames.
frame1 - mainmenu
frame2- submenu
frame3-display pages based on submenu

The dropdown is in all the pages that i'm displaying in frame3 by using submenu.the selections are

Expand|Select|Wrap|Line Numbers
  1. <select id="ddbx" class="textBlackMedium"  style="width: 87px" name="ddbx" onchange="switch"> 
  2.           <option>OP 1</option>
  3.             <option>OP 2</option>
  4.           <option>OP 3</option>
  5.             <option>OP 4</option>
  6. </select>
  7.  
now when i select 1in submenu, i'm loading the frame3 with 'page1' in which i've the dropdown shown above.
now if i change the selection to 'OP 2' in the dropdown, and select submenu item to load 'page2' in the frame three replacing 'page1' , i want the dropdown in that page to be having the selcted value 'OP 2'.

below is the code to change the pages in frame3

[HTML]<tr style="width:111px;height:30px"><td >
<a onmouseover="swapImage()" onmouseout="swapImgRestore()" target="right_bottom" href="page1html" >
<img id="img1" src= "Images1" alt="1" name="img1" border="0"/></a></td></tr>
<tr ><td >
<a onmouseover="swapImage()" onmouseout="swapImgRestore()" target="right_bottom" href="page2.html">
<img id="img2" src= "Images/2" alt="2" name="img2" border="0"/></a></td></tr>
[/HTML]
this is the sub menu with two options. target='right_bottom' , here right_bottom is the name of frame3. i'm using href to chnge the page on change.

now i wnt the changed value in dropdown of any page to be reflected in the pages after changing the submenu selection
Feb 8 '08 #6

acoder
Expert Mod 15k+
P: 16,027
As a full member now, you should know that we expect your code to be posted in [code] tags (See How to Ask a Question).

This makes it easier for our Experts to read and understand it. Failing to do so creates extra work for the moderators, thus wasting resources, otherwise available to answer the members' questions.

Please use the tags in future.

MODERATOR.
Feb 8 '08 #7

acoder
Expert Mod 15k+
P: 16,027
The dropdown is in all the pages that i'm displaying in frame3 by using submenu.the selections are

Expand|Select|Wrap|Line Numbers
  1. <select id="ddbx" class="textBlackMedium"  style="width: 87px" name="ddbx" onchange="switch"> 
  2.           <option>OP 1</option>
  3.             <option>OP 2</option>
  4.           <option>OP 3</option>
  5.             <option>OP 4</option>
  6. </select>
  7.  
now when i select 1in submenu, i'm loading the frame3 with 'page1' in which i've the dropdown shown above.
now if i change the selection to 'OP 2' in the dropdown, and select submenu item to load 'page2' in the frame three replacing 'page1' , i want the dropdown in that page to be having the selcted value 'OP 2'.
In your onchange function call, get the selected value of the drop down, e.g. document.getElementById("ddbx").value (you will need to set the value of each option). Then access the frame, e.g. parent.right_bottom and set the value of the drop down by setting its value.
Feb 8 '08 #8

P: 54
Hello i'm able to fetch the value of the selected dropdown box from the dropdown and save it in a 'temporary variable'(like assigning it to a hidden button value) in the submenu frame. now i'm calling another page from submenu using href="page2"
during this call i want to pass the selected index value stored in temporary variable.

how do i do this in href="page2.html?"

What do i need to include after the question mark?

the temporary value is in


<input name="btn_hid" id="btn_hid" style="position:absolute; left: 17px; top: 106px;visibility=hidden">
</input>

and i'm calling the page in href as below

<a onmouseover="swapImage('img_md','','Imagest1.jpg', 1)" target="right_bottom" href="page2.html" >
<img src= "Images2.jpg" alt="img2" name="img_md" border="0"/>
</a>



href ib bold is the point from where i'm passing the value to page2.html and assigning it to dropdown in that page

thanks
Feb 11 '08 #9

acoder
Expert Mod 15k+
P: 16,027
You could use document.getElementById("btn_hid").value to get the value.

Pass it using page2.html?val=...
Feb 11 '08 #10

P: 54
i'm stuck at this point itself.

i'm able to fetch the value in button using

Expand|Select|Wrap|Line Numbers
  1. <script lang=javascript>
  2.              var sel= document.frm.btn_id.value
  3. </script>
  4.  
But in href=" page2.html?val=sel" that value will not be fetched but a blank value or "?val=sel" appears.

is the way i'm including the value right or its different
Feb 12 '08 #11

acoder
Expert Mod 15k+
P: 16,027
Give the link an id and then change the href:
Expand|Select|Wrap|Line Numbers
  1. var link = document.getElementById("link");
  2. link.href = "page2.html?val="+sel;
Feb 12 '08 #12

P: 54
Thousand thanks are less for the immense help you have lent to me.
Its working perfectly.
Thanks alot
Feb 12 '08 #13

acoder
Expert Mod 15k+
P: 16,027
You're welcome! Glad to hear that it works.
Feb 12 '08 #14

Post your reply

Sign in to post your reply or Sign up for a free account.