javascript pour afficher la forme via des boutons, on travaille on ne pas

Question

j'ai la page suivante dans menuSubmit.js

function submitIndexList() { 
     var key = document.getElementsByName("key").value; 
     var page = document.getElementsByName("page").value; 
     document.getElementById("listSelect").submit(); 
    } 
    function submitIndexAbcd() { 
     var key = document.getElementByName("key").value; 
     var page = document.getElementsByName("page").value; 
     document.getElementById("abcdSelect").submit(); 
    } 

est:

<form action="index.php" method="post" name="listSelect" id="listSelect"> 
     <input name="page" id="<?php echo($pagekey);?>" value="<?php echo($pagekey);?>" type="hidden" /> 
     <input name="key" id="list" value="list" type="hidden" /> 
     <input class="menubutton" type="button" value="Categories" onclick="submitIndexList()" /> 
    </form> 
    <form action="index.php" method="post" name="abcdSelect" id="abcdSelect"> 
     <input name="page" id="<?php echo($pagekey);?>" value="<?php echo($pagekey);?>" type="hidden" /> 
     <input name="key" id="az" value="az" type="hidden" /> 
     <input class="menubutton" type="button" value="A to Z" onclick="submitIndexAbcd()" /> 
    </form> 

change l'index sur le côté pour afficher la liste az ou par catégorie, la page par défaut est az. comme la page par défaut a-z je clique sur le bouton catégories et il actualise page et index.php voit key = liste et affiche la liste catégorique. maintenant j'essaie le bouton a-z pour revenir en arrière et nous ne sommes pas allés.

ive essayé d'utiliser

<input name="keyCat" id="list" ... > 
    <input name="keyAbc" id="az" ... > 

l'évolution des valeurs en javascript, au besoin, et d'ajouter quelque chose à vérifier soit clé index original ..

var keyCat = document.getElementsByName("keyCat").value; 
    var keyAbc = document.getElementsByName("keyAbc").value; 

i essayé de faire les deux boutons en une seule forme , des formes séparées, le même nom pour ma clé, des noms différents .. de toute façon, je tranche seulement le premier bouton fonctionne. J'ai essayé d'exécuter les deux boutons en utilisant la même onclick = "function()" donc j'ai fait la deuxième fonction. rien ne change ... qu'est-ce qui me manque?

Answer 1

changé javascript pour

function submitIndexList() { 
     document.listSelect.submit(); 
    } 
    function submitIndexAbcd() { 
     document.abcdSelect.submit(); 
    } 

maintenu le code html/php:

<form action="index.php" method="post" name="listSelect" id="listSelect"> 
     <input name="page" id="<?php echo($pagekey);?>" value="<?php echo($pagekey);?>" type="hidden" /> 
     <input name="key" id="list" value="list" type="hidden" /> 
     <input class="menubutton" type="button" value="Categories" onclick="submitIndexList()" /> 
    </form> 
    <form action="index.php" method="post" name="abcdSelect" id="abcdSelect"> 
     <input name="page" id="<?php echo($pagekey);?>" value="<?php echo($pagekey);?>" type="hidden" /> 
     <input name="key" id="az" value="az" type="hidden" /> 
     <input class="menubutton" type="button" value="A to Z" onclick="submitIndexAbcd()" /> 
    </form> 

désolé pour la peine, im un noob .. je aurais dû utiliser plus de ressources avant de perdre le temps de tout le monde. fonctionne comme je l'espérais.