Balise select inaccessible

**Draakh** · 22/01/2015, 16h55

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**SpaceFrog** · 22/01/2015, 17h20

tes select ne sont pas multiple ...

pourquoi donc faire un each sur :selected ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 $('#categorie option:selected').each(function() {

Ensuite ton second select ne comporte qu'une seule option ... (sauf si tu le modifies dynamiquement dans un autre script) du coup il ne peux pas avec de change

**Bovino** · 22/01/2015, 17h30

L'alert ne s'affiche pas

Peut-être parce que tu lui passes en paramètre une variable qui n'existe pas et que ça génère une erreur...

**Bovino** · 22/01/2015, 17h32

Tiens, j'avais pas vu ça aussi :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('input').click(function()

Il n'y a pas d'input dans ton code !

**Draakh** · 26/01/2015, 15h55

Bonjour ! Je m'excuse tout d'abord pour ma réponse plus que tardive et vous remercie pour vos réponses.

Il n'y a pas d'input dans ton code !

Peut-être parce que tu lui passes en paramètre une variable qui n'existe pas et que ça génère une erreur...

En fait je faisais ce post tout en modifiant mon code à côté, donc il n'est pas cohérent à certains endroits, mais lorsque je faisais mes tests il l'était toujours (du moins je crois)

pourquoi donc faire un each sur :selected ?

Car je prévoyais justement de mettre mon select en mutliple à l'avenir

Bref, j'ai enfin trouvé comment atteindre le select que je voulais. Il faut en effet l'appeler avec son attribut class, et non avec son id. Je n'ai aucune idée du pourquoi du comment, mais c'est ce qui a fonctionné pour moi !

Balise select inaccessible

jQuery

Discussions similaires

Partager

Partager