jsp champ de saisie dans l'élément de liste déroulante modifié

Question

J'essaie de faire en sorte que lorsqu'une option de la liste déroulante est sélectionnée, elle remplisse certains champs d'entrée ultérieurs. code actuel (ci-dessous) ne donne pas d'erreurs anny tout simplement ne donne pas de sortie sur l'élément changé. Ma question est de savoir comment faire en sorte que lorsque l'élément sélectionné change, il remplit certains champs.

<div> 
    options:<select id="optionbox" onchange="Change()"> 
    <option value="op1">option1</option> 
    <option value="op2">option2</option></select><br> 

    <form action="KlusServlet.do" method="post"> //not relevant i think used for servlets later on 
     <input id="description" type="text"></input> 
    </form> 

    <script type="text/javascript"> 
     function Change() { 
      var e = document.getElementById("optionbox"); 
      var selOption = e.options[e.selectedIndex].value; 
      document.getElementById("description").innerHTML = "selected: " + selOption; 
     } 
    </script> 
</div> 

Answer 1

pour textboxes vous devez utiliser .value pas innerHTML comme ci-dessous

document.getElementById("description").value = "selected: " + selOption; 

Answer 2

vous pouvez utiliser le code jquery $('#selector').val(value); pour que

Working Code

<div> 
      options:<select id="optionbox" onchange="Change()"> 
      <option value="op1">option1</option> 
      <option value="op2">option2</option></select><br> 
     <form action="KlusServlet.do" method="post"> //not relevant i think used for servlets later on 
      <input id="description" type="text"></input> 
     </form> 
     <script type="text/javascript"> 
      function Change() { 
       var e = document.getElementById("optionbox"); 
       var selOption = document.getElementById("optionbox").value; 
      alert(selOption); 

      $('#description').val(selOption); 
      } 
     </script> 
    </div>