jquery modifier premier élément

Version imprimable

2 pièce(s) jointe(s)

Bonjour à tous,

voilà mon problème

ici j'ai ma liste par défaut
Pièce jointe 213508

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
Pièce jointe 213509

que j'obtiens avec ce code :

Code:

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.

21/06/2016, 23h12
mathieu

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:

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

1 pièce(s) jointe(s)

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

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

Pièce jointe 213593

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:

$('#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?

22/06/2016, 09h14
SpaceFrog

https://jsfiddle.net/vednc0px/

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

Code:

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:

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>

22/06/2016, 09h52
SpaceFrog

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

Je fais ça

Code:

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:

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é.

1 pièce(s) jointe(s)

Si je fais ça

Code:

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

Pièce jointe 213605

22/06/2016, 10h57
mathieu

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
22/06/2016, 12h09
kevin254kl
Super cela fonctionne, je fais

Code:

$('#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:

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:

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

ici j'ai plutôt

Code:

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

merci de votre aide.
22/06/2016, 19h12
NoSmoking
Bonjour,

Citation:

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

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

Super merci cela fonctionne