How to pass a javascript array from one aspx page to another aspx page using javascript

See more:

ASP.NET

Javascript

Hello friends
I have small requirement that I have 2 aspx pages AddQuote.aspx and AddEvent.aspx
in AddQuote.aspx Page I have 2 Select list boxes and some controls to add from one List box to another list box after adding all items to second list box then I click a button to go to AddEvent.aspx page. In that Page I have one list box which I should fill with the items with which I added to second list box in first page(AddQuot.aspx).

this is my requirement, I have added that list of second list box items to an Array and thought to carry to another page load (AddEvent.aspx) but it is showing the array length as 0(Zero).

I have added to the select list box(in AddEvent.aspx) at the AddQuote.aspx button click event but when I navigate to AddEvent.aspx I am unable to see the list with any items because onload the list is made null. But How can I do this?

Can I do with a session or Cache? Is it a good practice or there is any other method that I can implement?

I am writing the code of adding the listbox and Button click event in a seperate js file and I have included them in a master page and both AddQuote and AddEvent are inherited from Master page.

Here is my code that I have done

var i = 0;
   if ($("#lstQuoteItems option").length != 0)
   {
       $("#lstQuoteItems option").each(function ()
       {
           alert($(this).text());
           QuoteItems[i] = $(this).text();
           $("#lstAvlQuoteItems").append('<option value="+i+">' + QuoteItems[i] + '</option>');
           i = i + 1;
       });
       alert("Array length " + QuoteItems.length);
       window.open("AddEvent.aspx", "_self");
   }
   else
   {
       alert("Please Select Quote Items");
   }

Please any one tell me how to pass from this problem.