Echo selected valueドロップダウンリストPHP

Question

私はドロップダウンリストを持っています。その中で値を選択すると、私が選択した値を印刷する必要があります。

<select name="per1" id="per1"> 
      <option selected="selected">Kies een</option> 
      <?php 
      foreach($aPersoon as $key => $value): 
      echo '<option value="'.$key.'">'.$value.'</option>'; 

      endforeach; 
      ?> 
     </select> 

すべての名前がドロップダウンリストにある

<?php 
$aPersoon = array(10=>'Barends', 20 => 'van Hulten', 30 => 'Jansen', 40 => 'Waili', 50=> 'Ketelaars'); 
?> 

配列：これは私がこれまで持っているコードです。例えば、私がJansenをクリックしたとき、30という値をエコーする必要があります。その値はJansenです。

Answer 1

onChange()イベントには、オプションを選択した後にJavascriptを使用します。だからここにあなたがそれを使用できる例です。

あなたのスクリプトを変更：

<select name="per1" id="per1" onChange="myFunction(this)"> 
    <option selected="selected">Kies een</option> 
    <?php 
    foreach($aPersoon as $key => $value): 
    echo '<option value="'.$key.'">'.$value.'</option>'; 

    endforeach; 
    ?> 
</select><br /> 
Your option: <span id="myfunction">You haven't selected an option yet</span> 

Javascriptを：

<script type="text/javascript"> 
function myFunction(event) { 
    var output = event.value; 
    document.getElementById("myfunction").innerHTML = output; 
} 
</script> 

私は、これはあなたを助けることを願っています！

Answer 2

PHPはサーバー側のスクリプト言語として動作しません。それにJSを使う必要があります。 JSは、ドロップダウンメニュー項目の変更などのクライアント側のイベントを処理できるので便利です。

あなたはそのためにonchange()イベントを使用する必要があります。この関数は、ドロップダウンから値を変更する関数をトリガーします。

次のようにその更新をあなたのHTMLを使用するには：

 <select name="per1" id="per1" onchange="updateBottomValue(this.value);"> 
     <option selected="selected">Kies een</option> 
     <?php 
     foreach($aPersoon as $key => $value): 
     echo '<option value="'.$key.'">'.$value.'</option>'; 

     endforeach; 
     ?> 
    </select> 
    <span id="selectedValue"></span> 

今、あなたは以下のようなJSのドロップダウンのonChangeイベントを処理する関数を作成する必要があります。上記で

function updateBottomValue(selectedvalue) { 
     document.getElementById("selectedValue").innerHTML=selectedvalue; 
} 

我々はdocument.getElementByIDを使用しました。特定のDOM要素をIDで検索し、HTMLおよびCSS関連の操作を実行できます。上記の例では、HTMLコンテンツを設定するだけです。