jquery modifier premier élément

**kevin254kl** · 21/06/2016, 10h30

Bonjour à tous,

voilà mon problème

ici j'ai ma liste par défaut
Nom : site1.PNG
Affichages : 95
Taille : 10,0 Ko

quand je choisis un autre site dans une autre liste j'obtiens cela, C1223-T01 n'ai plus disponible dans les choix mais il est encore dans la boxe je voudrais empêcher cela
Nom : site 2.PNG
Affichages : 86
Taille : 8,3 Ko

Nom : site 2.PNG
Affichages : 86
Taille : 8,3 Ko

que j'obtiens avec ce code :

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
22
23
function maj_num_projet(id_site){
		$.ajax({
				type: 'POST', 
                url: 'liste_num_projet.php',
                data: 'id_site='+ id_site, 
                dataType: 'json',
                success: function(json) {
                                        // je vide mes éléments
					$('#num_projet').empty();
                                         // je créer mon première option
					$('#num_projet').append('<option value="0">...</option>');
                    $.each(json, function(index, value) {
				// j'affiche le reste de mes options		
                       $('#num_projet').append('<option value="'+ index +'">'+ value +'</option>');
                    });
                },
				 error : function(dateText){
                alert("Une erreur est survenue"+ dateText);
				console.log(dateText)
            }
        });
 
}

je ne comprend pas pourquoi le numéro de projet C1223-T01 apparaît dans la box car avec l'empty je suis censé l'avoir supprimé, moi je veux que à la place de C1223-T01 j'ai ma balise avec trois points, merci de votre aide.

**mathieu** · 21/06/2016, 23h12

après avoir modifié les éléments du menu déroulant, essayez de modifier aussi sa valeur pour sélectionner un autre choix dans la liste

Code :

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

$('#num_projet').val("une autre valeur…");

**kevin254kl** · 22/06/2016, 09h07

Merci de votre réponse, cela ne fonctionne pas j'ai donc

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
22
23
 
function maj_num_projet(id_site){
		$.ajax({
				type: 'POST', 
                url: 'liste_num_projet.php',
                data: 'id_site='+ id_site, 
                dataType: 'json',
                success: function(json) {
					$('#num_projet').empty();
					$('#num_projet').append('<option value="0">...</option>');
                    $.each(json, function(index, value) {
 
                       $('#num_projet').append('<option value="'+ index +'">'+ value +'</option>');
                    });
					$('#num_projet').val("une autre valeur…");
                },
				 error : function(dateText){
                alert("Une erreur est survenue"+ dateText);
				console.log(dateText)
            }
        });
 
}

mais j'ai toujours

Nom : Capture.PNG
Affichages : 97
Taille : 3,7 Ko

On voit que les éléments sont bien ajouté mais "une autre valeur" n'ai pas dans la liste mais le premier élément est toujours C1223-T01.
en parcourant le html rendu et en prenant l'id du premier élément

Code :

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

$('#s2id_num_projet').empty();

cela me supprime le premier élément mais aussi la liste, je pense donc que je ne peux pas le supprimer car il faut un contenu de base qui est le premier élément, vous en pensez quoi?

**SpaceFrog** · 22/06/2016, 09h14

https://jsfiddle.net/vednc0px/

**kevin254kl** · 22/06/2016, 09h32

Merci de votre réponse, j'ai fais ça :

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
22
function maj_num_projet(id_site){
		$.ajax({
				type: 'POST', 
                url: 'liste_num_projet.php',
                data: 'id_site='+ id_site, 
                dataType: 'json',
                success: function(json) {
					$('#num_projet').empty();
					//$('#num_projet').append('<option value="0">...</option>');
                    $.each(json, function(index, value) {
						$('#num_projet').append( $('<option/>').html(value).val(value));
                       //$('#num_projet').append('<option value="'+ index +'">'+ value +'</option>');
                    });
 
                },
				 error : function(dateText){
                alert("Une erreur est survenue"+ dateText);
				console.log(dateText)
            }
        });
 
}

la liste s'affiche bien mais l'élément affiché est toujours le même je ne comprend pas.
voici le php de la liste:

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
22
23
24
25
26
27
28
29
30
31
32
<label for="num_projet" class="label"><?php echo T_("Numéro de Projet"); ?></label><br class="br"/>
		<select id="num_projet" name="num_projet" onchange="maj_num_affaire(num_projet.value)" class="select" >
			<option value="<?php echo $info_general['ID_PROJET'];?>"><?php echo $info_general['NUM_PROJET'];?></option>
			<?php while ($list_site = oci_fetch_assoc($statement2)) { ?>
				<option value="<?php echo $list_site['ID_SITE']; ?>"><?php echo $list_site['LABEL_SITE']; ?></option><?php
                        } ?>
			 <?php  
						$id_encours = "SELECT ID_SITE FROM POP_EN_COURS WHERE ID_EN_COURS = ".$info_general['ID_EN_COURS']." AND ROWNUM < 2";
						$statement_idencours = oci_parse($conn, $id_encours); 
						oci_execute($statement_idencours,OCI_COMMIT_ON_SUCCESS);
						while ($id_site = oci_fetch_assoc($statement_idencours)) {
							$site = $id_site['ID_SITE']; 
						}
						// Pour éviter le bug si il n'i à pas de site on prend le premier dans la liste de site de table correspondante
						if(!isset($site)){
 
							$id_site = "SELECT ID_SITE FROM POP_SITE  WHERE ROWNUM < 2";
							$statement_idsite = oci_parse($conn, $id_site); 
							oci_execute($statement_idencours,OCI_COMMIT_ON_SUCCESS);
 
							while ($id_site = oci_fetch_assoc($statement_idsite)) {
								$site = $id_site['ID_SITE']; 
							}
						}
						$requete_projet = "SELECT NUM_PROJET,ID_PROJET FROM POP_PROJET WHERE ID_SITE = ".$site." ORDER BY NUM_PROJET DESC";
						$statement_projet = oci_parse($conn, $requete_projet); 
						oci_execute($statement_projet,OCI_COMMIT_ON_SUCCESS);
						while ($list_projet = oci_fetch_assoc($statement_projet)) { ?>
				<option value="<?php echo $list_projet['ID_PROJET'];?>"><?php echo $list_projet['NUM_PROJET'];?></option><?php
                                        }       ?>		
 
			      </select>

**SpaceFrog** · 22/06/2016, 09h52

vérifie le contenu de ce que tu réinjectes ...
A mon avis c'est dedans

**kevin254kl** · 22/06/2016, 10h04

Je fais ça

Code :

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

1
2
3
4
5
6
7
8
9
success: function(json) {
					$('#num_projet').empty();
					//$('#num_projet').append('<option value="0">...</option>');
                    $.each(json, function(index, value) {console.log('index:' + index);console.log('value:' + value);
						$('#num_projet').append( $('<option/>').html(value).val(value));
                       //$('#num_projet').append('<option value="'+ index +'">'+ value +'</option>');
                    });
 
                },

en sortie dans la console

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
index:270
value:INTRA-BURSA
index:271
value:INTRA-BRESIL
index:272
value:INTRA-MONDOVI
index:273
value:INTRA-NANJING
index:290
value:64-0030
index:291
value:64-0021
index:292
value:64-0020
index:312
value:C02-72-0112
index:315
value:C02-08-0151
index:316
value:C02-72-0114
index:317
value:64-0029
index:318
value:64-0014
index:319
value:64-112
index:320
value:64-149
index:321
value:64-0022
index:322
value:27-128
index:323
value:25-107
index:324
value:25-118
index:325
value:25-0317
index:326
value:25-148
index:327
value:25-0321
index:328
value:25-141
index:329
value:25-115
index:330
value:81-126
index:331
value:81-DIV
index:332
value:79-DIV
index:333
value:INTRA-LIMOGES
index:353
value:25-309
index:355
value:79-0202
index:413
value:C202014
index:433
value:P0-2014
index:453
value:INTRA-FUENLABRADA
index:494
value:125-256
index:514
value:123456
index:515
value:123456
index:516
value:123456
index:517
value:123456
index:518
value:11111
index:519
value:123456
index:522
value:123456
index:523
value:1234567
index:524
value:123456
index:525
value:123456789
index:526
value:123456
index:527
value:123456
index:528
value:123456
index:531
value:3
index:532
value:123456
index:534
value:123456
index:535
value:123456
index:538
value:33336
index:540
value:1144587AAD32
index:554
value:38D22
index:576
value:123456S
index:577
value:123456S
index:578
value:123456S
index:595
value:1234
index:596
value:3244

aucune value ne correspond à C1223-T01 donc la valeur est bien celle de départ qui n'ai pas effacé.

**kevin254kl** · 22/06/2016, 10h39

Si je fais ça

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function maj_num_projet(id_site){
			var tab=["005", "006" ,"007"];
 
 
			$('#num_projet').empty();
			$.each(tab, function(idx, txt){
			 $('#num_projet').append( $('<option/>').html(txt).val(txt))
			})
 
 
 
}

pour tester votre exemple, j'ai le même problème c'est incroyable

Nom : Capture.PNG
Affichages : 79
Taille : 4,5 Ko

**mathieu** · 22/06/2016, 10h57

d'où vient la zone de recherche avec la loupe ?
ce n'est pas standard donc il y a peut être un autre code qui modifie le menu déroulant et qui produit cet effet qui vous pose problème

**kevin254kl** · 22/06/2016, 12h09

Super cela fonctionne, je fais

Code :

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

$('#select2-chosen-1').html("...");

apparemment ce n'était pas dans le select mais un span quand on cliqué dessus le span était généré et la valeur à l'intérieur aussi .

seul problème tout fonctionne mais ici

Code :

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

1
2
3
4
$.each(json, function(index, value) {
						$('#num_projet').append( $('<option/>').html(value).val(value));
 
                    });

dans mes option j'ai value qui correpond en quelque sorte à ce qui est à afficher mais je veux l'id qui correpond à l'index comment faire en sorte d'avoir des balise comme

Code :

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

<option value="index">value</option>

ici j'ai plutôt

Code :

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

<option value="value"></option>

merci de votre aide.

**NoSmoking** · 22/06/2016, 19h12

Bonjour,

...dans mes option j'ai value qui correpond en quelque sorte à ce qui est à afficher mais je veux l'id qui correpond à l'index comment faire...

si j'ai bien compris, il te suffit d'utiliser correctement les paramètres

Code :

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

1
2
3
$.each(json, function(index, value) {
    $('#num_projet').append( $('<option/>').html(value).val(index));
});

**kevin254kl** · 23/06/2016, 09h40

Super merci cela fonctionne

jquery modifier premier élément

jQuery

Discussions similaires

Partager

Partager