Hello everyone ...

You''ll see ... i'm trying to do something, which is to make that the selected option of a <select> persist on a page reload ... This is the code of index.php

1. <style type="text/css">
   form select{
       font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
       font-size: 12px;
   }
   </style>
   
   <form name="form1" method="post" action="persistencia.php">
       <p>
         <select name="combo1" id="combo1">
           <option value="o1">option1</option>
           <option value="o2">option2</option>
           <option value="o3">option3</option>
           <option value="o4">option4</option>
           <option value="o5">option5</option>
           <option value="o6">option6</option>
           <option value="o7">option7</option>
           <option value="o8">option8</option>
         </select>
     </p>
       <p>
         <select name="combo2" id="combo2">
           <option value="o1">option1</option>
           <option value="o2">option2</option>
           <option value="o3">option3</option>
           <option value="o4">option4</option>
           <option value="o5">option5</option>
           <option value="o6">option6</option>
           <option value="o7">option7</option>
           <option value="o8">option8</option>
         </select>
     </p>
       <p>
         <select name="combo3" id="combo3">
           <option value="o1">option1</option>
           <option value="o2">option2</option>
           <option value="o3">option3</option>
           <option value="o4">option4</option>
           <option value="o5">option5</option>
           <option value="o6">option6</option>
           <option value="o7">option7</option>
           <option value="o8">option8</option>
         </select>
     </p>
       <p>
         <select name="combo4" id="combo4">
           <option value="o1">option1</option>
           <option value="o2">option2</option>
           <option value="o3">option3</option>
           <option value="o4">option4</option>
           <option value="o5">option5</option>
           <option value="o6">option6</option>
           <option value="o7">option7</option>
           <option value="o8">option8</option>
         </select>
     </p>
       <p>
         <select name="combo5" id="combo5">
           <option value="o1">option1</option>
           <option value="o2">option2</option>
           <option value="o3">option3</option>
           <option value="o4">option4</option>
           <option value="o5">option5</option>
           <option value="o6">option6</option>
           <option value="o7">option7</option>
           <option value="o8">option8</option>
         </select>
     </p>
       <p>
         <select name="combo6" id="combo6">
           <option value="o1">option1</option>
           <option value="o2">option2</option>
           <option value="o3">option3</option>
           <option value="o4">option4</option>
           <option value="o5">option5</option>
           <option value="o6">option6</option>
           <option value="o7">option7</option>
           <option value="o8">option8</option>
         </select>
     </p>
       <p>
         <select name="select7">
           <option value="o1">option1</option>
           <option value="o2">option2</option>
           <option value="o3">option3</option>
           <option value="o4">option4</option>
           <option value="o5">option5</option>
           <option value="o6">option6</option>
           <option value="o7">option7</option>
           <option value="o8">option8</option>
         </select>    
         </p>
       <p>
         <input type="submit" name="Submit" value="Envia y persiste" />
       </p>
   </form>
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   

By sending the form to persistencia.php, at the end of this file I include index.php, but this time I give some javascript code from php to it ... this is the other file ..

1. <?php
       
       /*foreach($_POST as $clave => $valor)
           $datos[$clave] = $valor;    */
           
       $js = "<script language='javascript' src='jquery.js'></script>";
       $js.= "<script language='javascript'>";
       $js.= "$(document).ready(function() {";
       $js.= "$('#combo1').find('option[val=$_POST[combo1]]').attr('selected', true);";
       $js.= "$('#combo2').find('option[val=$_POST[combo2]]').attr('selected', true);";
       $js.= "$('#combo3').find('option[val=$_POST[combo3]]').attr('selected', true);";
       $js.= "$('#combo4').find('option[val=$_POST[combo4]]').attr('selected', true);";
       $js.= "$('#combo5').find('option[val=$_POST[combo5]]').attr('selected', true);";
       $js.= "$('#combo6').find('option[val=$_POST[combo6]]').attr('selected', true);";
       $js.= "$('#combo7').find('option[val=$_POST[combo7]]').attr('selected', true);";
       $js.= "})";
       $js.= "</script>";
       
       echo $js;
       
       include_once 'index.php';
   ?>
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   

But the proble is that this code doesn't work and the previos selection of the <select> fields don't persist on the page reload ...

I hope you can help .. please
Bye

Jony