probleme evenement onclick pour excecuter une fonction

le probleme l'evenement onclick se declenche une seul fois et ne se repete pas , je voudrais actualiser une liste deroulente apres un clique sur elle meme : mon code est :

<div id='liste1' style='display:inline' >
<select name="liste1" onClick='remplir_nom("pd_id");'>  ......

<script type='text/javascript'>
     
            function getXhr(){
                                var xhr = null;
                if(window.XMLHttpRequest) // Firefox et autres
                   xhr = new XMLHttpRequest();
                else if(window.ActiveXObject){ // Internet Explorer
                   try {
                            xhr = new ActiveXObject("Msxml2.XMLHTTP");
                        } catch (e) {
                            xhr = new ActiveXObject("Microsoft.XMLHTTP");
                        }
                }
                else { // XMLHttpRequest non supporté par le navigateur
                   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
                   xhr = false;
                }
                                return xhr;
            }
           

           
function remplir_nom(combo){
                var xhr = getXhr();
                xhr.onreadystatechange = function(){
    
                    if(xhr.readyState == 4 && xhr.status == 200){
                        leselect = xhr.responseText;
                
                        document.getElementById(combo).innerHTML = leselect;
           
                    }
                }

                xhr.open("POST","listenom.php",true);

                xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');


            xhr.send("");
            }
        </script>



j'ai cree un boutton recharger et il fonctionne tres bien ,mais ca serais  la derniere  solution  a  mon probleme
    <input type="button" value="Recharger" name="rechargerr" onClick='remplir_nom("liste1");');"/>

merci pour votre reponse

desole j'ai fais une erreur en ecrivant mon code <select name="liste1" onClick='remplir_nom(liste1);'>
alors  il ya une reponse  a  ma question ?

onselect=remplir_nom("liste1");

ca ne donne aucun effet !!!!!

Bonjour,

    je n'ai pas compris grand chose....

<div id='liste1' style='display:inline' >
<select name="liste1" onClick='remplir_nom("pd_id");'>  ......
    c'est quoi pd_id ? pas vu...

<input type="button" value="Recharger" name="rechargerr" onClick='remplir_nom("liste1");');"/>
    et on va chercher un id=liste1... qui n'existe pas.
    il y a bien un name="liste1", pas id="liste1"

    et onclick sur un select ? vaut mieux éviter !

>>...il fonctionne tres bien ,mais ca serais  la derniere  solution  a  mon probleme
    pas compris.

---

---

il y a bien un id=liste1 et un name=liste1...
mal vu. mais ça n'enlève rien à mes questions,
    et IE, sait remplacer un id par le name
       et le contraire... vaut mieux éviter aussi.
mettre name="xxx" id="xxx" ce sera plus clair.

---

---

pour le moment jai créé un boutton "Recharger" pour actualiser la liste deroulente mais c'est pas une solution  royale  ,  l'utilisateur  ne  va  pas  cliquer a chaque fois sur le boutton  recharger

jai fais une erreur de saissie et mon code est :

<div id='liste1' style='display:inline' >
<select name="liste1" onClick='remplir_nom("liste1");'>  ......



<script type='text/javascript'>
     
            function getXhr(){
                                var xhr = null;
                if(window.XMLHttpRequest) // Firefox et autres
                   xhr = new XMLHttpRequest();
                else if(window.ActiveXObject){ // Internet Explorer
                   try {
                            xhr = new ActiveXObject("Msxml2.XMLHTTP");
                        } catch (e) {
                            xhr = new ActiveXObject("Microsoft.XMLHTTP");
                        }
                }
                else { // XMLHttpRequest non supporté par le navigateur
                   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
                   xhr = false;
                }
                                return xhr;
            }
           

           
function remplir_nom(combo){
                var xhr = getXhr();
                xhr.onreadystatechange = function(){
    
                    if(xhr.readyState == 4 && xhr.status == 200){
                        leselect = xhr.responseText;
                
                        document.getElementById(combo).innerHTML = leselect;
           
                    }
                }

                xhr.open("POST","listenom.php",true);

                xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');


            xhr.send("");
            }
        </script>

alors quesque vous me proposez  comme  evenement  pour  remplir la liste deroulente

à déclencher quand nécessaire... mais là, il n'y a que toi qui puisse
    le dire "quand c'est nécessaire".
        dés réponse affichée ? après un délai ? sur un évènement ?
        suite à l'action utilisateur ? ... que sais-je ?

---

---

pour moi levenenment c apres le click sur la liste deroulante elle se rempli mais quand je fais
<div id='liste1' style='display:inline'  onClick='remplir_nom("liste1");'>
<select name="liste1" >
la liste se ferme apres chaque clique (donc la fonction s'exucte )mais je pourrais pas selectionner un element de la liste

et quand je fais comme ca :

<div id='liste1' style='display:inline'  >
<select name="liste1"  onClick='remplir_nom("liste1");'>
la fonction s'excecute seulement apres le premier clique sur la liste deroulante !!!

<select name="maliste" onSelect=ta_fonction();>
<option> ...
<option> ..
</select>

J'avais fais une faute ^^ onselect = onSelect.

Lorsque tu as choisi une option dans la liste elle execute ton script ta_fonction().