リストから選択してデータを表示

Question

私はドロップダウンリストで従業員IDを選択できるフォームを作成しようとしています。選択の瞬間に選択が行われると、データベースから情報を取得することによって、他のフィールドが自動的に入力されます。

<form method="post"action=""> 
    <select name="id_em"> 
    <?php  
     try 
     { 
      $bdd = new PDO('mysql:host=localhost;dbname=gestion;charset=utf8','root','');  
     } 
     catch (Exception $e) 
     { 
      die('ERREUR : '.$e->getMessage()); 
     } 
     $res = $bdd->query('select * from employe'); 

     while ($ligne=$res->fetch()) 
     {?> 
      <option> <?php echo $ligne['id_em']; ?> </option> 
     <?php } 
     $res->closeCursor(); 
    ?> 

    <?php 
     $requete = $bdd->prepare("select * from employe where id_em=?"); 
     $requete->execute(array($_POST["id_em"])); 
     if(isset($_POST['id_em'])){ 
      while($res1 = $requete->fetch()){ 
      ?> 
      <input type="text"name="nom_em" value="<?php echo $res1["nom_em"] ?>"> 
      <?php 
      } 
     } 
     $requete->closecursor(); 
    ?> 
    </select> 
</form> 

ドロップダウンリストはよく表示されますが、選択すると何も起こりません。私はJavaScriptを使用することを知っているが、問題は私がまだ初心者であり、やり方がわからないことである。最低で

Answer 1

あなたのリストの選択を変更したとき、あなたがJavaScriptの関数を呼び出す必要があります。特にに、データベースからコンテンツをロードするためにAJAX技術を使用する方法についてさらにヒントについては

function changeId(sel) { 
 
    alert('id changed to '+sel.value); 
 
}

Options 
 
<select name="id_em" onchange="changeId(this)"> 
 
    <option>(none)</option> 
 
    <option>Option 1</option> 
 
    <option>Option 2</option> 
 
    <option>Option 3</option> 
 
    <option>Option 4</option> 
 
</select>

をhtmlページは、次のようなウェブ上の優れたチュートリアルをご覧ください。https://www.w3schools.com/php/php_ajax_database.asp