11548 sujets

JavaScript, DOM et API Web HTML5

je galere ! (chui noob en js)

je voudrais pouvoir sélectionner la meme option dans plusieurs <select>

dans le html,

<table>
<form id="form_id">
 <input type="button" value="Mettre au rang 1" onClick="autoselect(1)">
 <input type="button" value="Mettre au rang 2" onClick="autoselect(2)">
 <input type="button" value="Mettre au rang 3" onClick="autoselect(3)">
 <tr>...
  <td><select name="rank145">
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
  </select></td>
 </tr>
 <tr>...
  <td><select name="rank178">
//... les memes options... j'en ai 5 en fait mais bon [smile]
  </select></td>
 </tr>
//... et ca continue, je peux avoir une centaine de lignes dans le tableau
</form></table>


le javascript (généré en php, selon les valeurs de ranknnn)

<script language="JavaScript">
    <!-- Begin
    function autoselect(value) {
    for (var j = 75; j <= 500; j++) 
      {
      box = eval("document.form_id.rank" + j);
      box.selectedIndex = value;
      }    
    End -->
    </script>


Probleme, quand je clique sur les boutons, rien ne bouge...


J'ai aussi essayé avec une boucle sur les options mais c'était pas mieux :'

for (var k = '.$value_min.'; k <= '.$value_max.'; k++) {
if(box.options[k] == value) box.options[k].selected = true;
else box.options[k].selected = false;
}


J'ai lu ca http://forum.zebulon.fr/lofiversion/index.php/t71693.html sans plus de succes
Modifié par Galeenet (19 Oct 2007 - 17:14)