Balise select inaccessible
Bonjour à tous !
J'aimerais exécuter un code jQuery lors de l'événement change() relié à un select. Le soucis c'est que je n'arrive pas à atteindre le select en question, alors que j'atteins sans problème un autre select. Malgré de nombreuses recherches sur Google, je ne trouve pas de solution, peut-être que je m'y prends mal.
Bref, du code vaut mieux que 1000 mots ! Mon code HTML :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
| <body>
<form name="form">
<fieldset style="width: 550px">
<legend>Sélection</legend>
<label>Catégorie</label>
<select class='categorie' id='categorie'>
<option value = "-1" selected ="selected">Choisir une catégorie</option>
<?php
$reponse = $bdd->query('SELECT * FROM categorie ORDER BY nomCat');
while ($donnees = $reponse->fetch())
{
echo "<option value=".$donnees['numCat'].">".$donnees['nomCat']."</option>";
}
?>
</select>
<label>Marque</label>
<div id="cboMarque" style='display:inline'>
<select class='marque' name='marque' id ="marque" disabled="disabled">
<option value='-1' selected ="selected">Choisir une marque</option>
</select>
</div>
</fieldset>
</form>
<script src="scripts/jquery.js" type="text/javascript"></script>
<script src="scripts/scripts.js" type="text/javascript"></script>
</body> |
C'est le 2ème select que j'arrive pas à atteindre. Et voici le JQuery :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
| $(document).ready(function() {
var numCat;
$('#categorie').change(function() {
$('#categorie option:selected').each(function() {
numCat = "numCat=" + $(this).attr('value');
});
$.ajax({
type : 'GET',
url : 'select.php',
data : numCat
});
});
$('input').click(function() {
$('#marque option:selected').each(function() {
alert(Test);
})
})
}); |
L'alert ne s'affiche pas, quoi que je fasse.
Si quelqu'un a une solution, je suis preneur ! Merci d'avance :)