Auto update d'une liste déroulante

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

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

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

Code:

---

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

---

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

---

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

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

Code:

---

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

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:

---

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:

---

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

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

Code:

---

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

---