php - I fail to display the value of a select in JavaScript -

i have list of countries. use geonames's function detect country , display in list. works. however, i'd retrieve value, try display first value appears. code :

<!-- code html countries list --> <select id="countryselect" name="country"> <?php $reponse = $bdd->query('select * pays');  echo '<option value="">pays</option>'; while ($donnees = $reponse->fetch(pdo::fetch_assoc))     {      echo '<option value="'.$donnees["id_pays"].'">'.$donnees["pays"].'</option>';     echo $donnees["pays"];     }  ?> 

code javascript :

function setdefaultcountry() {  var countryselect = document.getelementbyid("countryselect");    (i=0;i< countryselect.length;i++) {    if (countryselect[i].value == geonamesuseripcountrycode) {     countryselect.selectedindex = i;     }      }    } /* want display country selected here !!!!!!*/ var c = document.getelementbyid("countryselect"); alert(c.options[c.selectedindex].text); 

i made little change code, demonstration purposes.

the way set onchange event on select. if choose option, fire event.

function setdefaultcountry() {    var countryselect = document.getelementbyid("countryselect");    (i = 0; < countryselect.length; i++) {      if (countryselect[i].value == geonamesuseripcountrycode) {        countryselect.selectedindex = i;      }    }    check();  }        function check() {    var sele = document.getelementbyid("countryselect");    alert(sele[sele.selectedindex].text);  }

<!-- code html countries list -->  <select id="countryselect" name="country" onchange="check()">      <option value="test1">test1</option>    <option value="test2">test2</option>    <option value="test3">test3</option>    <option value="test4">test4</option>    <option value="test5">test5</option>

edit: add following in body.onload routine: setdefaultcountry();

greetz :)