Echo ausgewählter Wert Dropdown-Liste PHP

Question

Ich habe eine Dropdown-Liste und wenn ich einen Wert darin auswähle ich muss den Wert der Wahl, die ich gemacht habe, drucken. Dies ist der Code, den ich bisher habe:

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

Array

<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> 

Alle Namen in der Dropdown-Liste sind. Wenn ich beispielsweise auf Jansen klicke, muss ich den Wert 30 zurückgeben, denn das ist der Wert von Jansen.

Answer 1

Eventuell möchten Sie Javascript für das Ereignis onChange() verwenden, nachdem Sie eine Option ausgewählt haben. So, hier ist ein Beispiel, das Sie dafür verwenden könnte:

Ihr Skript geändert:

<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> 

Ich hoffe, dies wird Ihnen helfen!

Answer 2

PHP wird nicht funktionieren, da es eine serverseitige Skriptsprache ist. Sie müssen JS dafür verwenden. JS hilft, da es clientseitige Ereignisse wie Dropdown-Menü ändern kann.

Sie müssen Ereignis dafür verwenden. Es löst die Funktion aus, wenn jemand den Wert aus dem Dropdown ändert.

Um das Update Ihre HTML wie folgt zu verwenden:

 <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> 

Jetzt müssen Sie eine Funktion machen, die das onChange Ereignis des Drop-Down-in JS wie unten behandelt:

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

In oben Funktion, die wir verwendet haben document.getElementByID, die nach bestimmten DOM-Element durch seine ID suchen und können HTML-und CSS-bezogene Aktionen durchführen. Im obigen Beispiel stellen wir nur den HTML-Inhalt ein.