Programmer un choix dans une liste deroulante

<select id="liste1" onChange="refreshResult();">
   <option value="1">1</option>
   ...
</select>
<select id="liste2" onChange="refreshResult();">
   <option value="A">A</option>
   ...
</select>

<!-- On ajoute un div pour stocker le résultat généré -->
<div id="result"></div>

<script type="text/javascript">
   function refreshResult(){
      var nombres = document.getElementById("liste1");
      var lettres = document.getElementById("liste2");

      var nombre = parseInt(nombres.options[nombres.selectedIndex].value);
      var lettre = lettres.options[lettres.selectedIndex].value;

      var resultDiv = document.getElementById("result");
      var result = "";

      for (var i=0 ; i<nombre ; i++){
         result += lettre;
      }

      resultDiv.innerHTML = result;
   }
</script>