jQuery: forme à l'intérieur while loop

Question

J'ai un formulaire dans une boucle while en PHP. Il ya action = "javascript: block_grade ($ id)", mais quand je alerte (id) ou alert (lvl) dans la fonction block_grade, je reçois les mêmes numéros de toutes les boucles?

Ceci est dans ma boucle:

echo '<form action="javascript:block_grade('.$show['id'].')" method="post">'; 
echo 'Change blockgrade: '; 
echo '<input type="text" name="lvl" size="1" value="'.$show['lvl'].'">'; 
echo '<input type="submit" value="Save">'; 
echo '</form>'; 

Ceci est ma fonction en bas:

<script> 
function block_grade (id) { 
var lvl = $('input[name=lvl]').val(); 
alert(lvl); 
alert(id); 
} 
</script> 

Comment puis-je résoudre ce problème, et est-il un moyen plus efficace que cela, peut-être?

Answer 1

Je préférerais que JavaScript attache le gestionnaire d'événements directement et que vous puissiez facilement faire des choses relatives au formulaire.

echo '<input type="text" name="lvl" size="1" value="'.$show['lvl'].'">'; 
echo '<input type="hidden" name="id" size="1" value="'.$show['id'].'">'; 

Puis:

$('form').submit(function() { 
    var id = $(this).find('input[name=id]').val(); 
    var lvl = $(this).find('input[name=lvl]').val(); 
}); 

Entre autres avantages, cela libère la propriété action de sorte que vous pouvez remplir un script qui peut traiter directement cette demande sans JavaScript si nécessaire.

Mais plus au point (de votre question initiale), il assure que vous êtes à la recherche à la correcte champ lvl, et non pas seulement le premier champ lvl jQuery arrive à venir à travers dans les DOM.

Answer 2

Je ne savais même pas qu'il est possible de définir l'action d'un formulaire sur "javascript: ...". J'utilise toujours l'événement onsubmit.

Quoi qu'il en soit, pour lvl il n'est pas étonnant que vous obteniez toujours la même chose parce que val() donne la valeur du premier élément de l'ensemble. L'ensemble contient tous le input s dans toute la page.

Cependant, pour id, vous devriez obtenir la bonne valeur. Peut-être que vous devriez montrer le code HTML final qui est généré.