how to preserve a select box state

liunx · Jan 10, 2008

Hi everyone, 
I need some help with this: 
I have the follwing select box on a web page. 
 
<select name="countries[]"> 
<option value="">Select a country</option> 
<option value="Afghanistan ">Afghanistan </option> 
<option value="Albania ">Albania</option> 
<option value="Algeria ">Algeria </option> 
<option value="Andorra">Andorra </option> 
.. 
.. 
.. 
<option value="Zimbabwe ">Zimbabwe </option> 
</select> 
 
When the user selects a country and clicks on a button "Search", the list goes back and shows "Select a country", what I want is how to preserve the selected coutry until the user chooses another one or refresh the page. 
 
Thanks in advance.The best way is to do it on the server when you build the page for the response.Hi, 
This code may help you 
 
Bhanu 
------------------------------------------- 
<HEAD> 
 
 
 
<BODY> 
<form name="form" action=""> 
<input type="hidden" name="cty" > 
 
<select name="countries"> 
<option value="">Select a country</option> 
<option value="Afghanistan ">Afghanistan </option> 
<option value="Albania ">Albania</option> 
<option value="Algeria ">Algeria </option> 
<option value="Andorra">Andorra </option> 
<option value="Zimbabwe ">Zimbabwe </option> 
</select> Selected county : <input type="text" name="cty1" > 
<SCRIPT LANGUAGE="JavaScript"> 
var a = window.location; 
document.all['cty'].value = a; 
c = document.all['cty'].value 
aLen = c.indexOf("cty1");//alert(aLen); 
b = c.indexOf("countries="); 
d= c.substring(b+10,aLen-2); 
if(b>0){ 
document.all['cty1'].value = d;} 
for(j=0;j<document.all['countries'].length;j++){ 
if(document.all['countries'][j].text == d){ 
document.all['countries'][j].selected = true; 
} 
} 
document.all['cty'].value = ""; 
</script> 
 
 
<input type="submit" value="Submit"> 
 
</form> 
--------------------------------------

how to preserve a select box state

liunx

Guest