Discussion :

[Anibel]

Bonjour à tous,

J'ai réussi à insérer des données à partir d'une liste déroulante (en utilisant jquery dialog box), mais lorsque l'insertion se fait, il y a pas d'auto update de la liste déroulante !

Comment faire pour récupérer la nouvelle valeur ?

Merci

[Anibel]

Est ce que c'est possible d'actualiser une liste déroulante sans actualiser la page ?

[royto]

voici un exemple pour ajouter en JavaScript avec JQuery une valeur dans une liste déroulante.

Code :

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

$("#mySelect").append('<option value=1>My option</option>');

prepend au lieu de apprend permet de l'ajouter en premier.


il est possible de l'ajouter a une position définie avec les méthodes before ou after mais il faut sélectionner l'element option et non le select

Code :

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

$("#mySelect option:eq(2)").append('<option value=1>My option</option>');

option:eq(2) permet de sélectionner la 3eme valeur de la liste

[Anibel]

Je pense que je n'ai pas bien expliqué mon problème.
Ma liste déroulante est alimentée avec une requête :

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<select name="CLIENT" id="CLIENT" class="selectperinfo">
  <option value="">Select...</option>
 
  <?php do { ?>
  <option value="<?php echo $row_Clt['ID']?>"<?php echo ($clt==$row_Clt['ID']  ? ' selected="selected"' : '');?>><?php echo $row_Clt['NAME']?></option>
  <?php } while ($row_Clt = mysql_fetch_assoc($Clt));
	$rows = mysql_num_rows($Clt);
	if($rows > 0) {mysql_data_seek($Clt, 0);
		$row_Clt = mysql_fetch_assoc($Clt);}?>
 
   <option value="-1" style="color:#000;font-weight:bold">New client</option>
</select>

En cliquant sur l'option "New client", une boite de dialogue jquery s'affiche qui contient un formulaire permettant de saisir un nouveau client.

Quand l'insertion se fait, je ne trouve pas la nouvelle valeur dans la liste déroulante.

Voilà, j'espère que la problématique est clair maintenant.

Merci d'avance pour votre aide

[Anibel]

J'ai trouvé une solution mais il y a un petit problème.
Je commence par poster la solution :

1-Créer une page "Client.php":

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<?php
    $res ="SELECT ID, NAME from client";
	$rsClt = mysql_query($res, $base) or die(mysql_error());
	echo "<option value=''>Select...</option>";
		while($row = mysql_fetch_assoc($rsClt)){
			echo "<option value='".$row["ID"]."'>".$row["NAME"]."</option>";
 
		}
 
		echo "<option value='-1' style='color:#000;font-weight:bold'>New client</option>";
 
	mysql_free_result($rsClt);
 
?>

2-Ajouter le code suivant dans page où se trouve la liste déroulante:

Code js :

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

1
2
3
4
5
6
7
8
 
<script type="text/javascript">
      $(document).ready(function() {
          $("#client").click(function() {
              $("#client").load('Client.php');
          });
      });
</script>

Problème:
Lorsque je clique sur un élément de la liste déroulante, elle ne grade pas la valeur séléctionnée. Elle affiche toujours l'option "Select..." !!!

Any suggestions ?
Merci d'avance

[Anibel]

Enfin je viens de résoudre le problème, il suffit d'éliminer la ligne suivante du code JS:

Code js :

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

$("#client").click(function() {