에코 선택한 값 목록 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> 

자바 스크립트 :

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

내가이 당신을 도움이되기를 바랍니다 그래서 여기 당신이 그것을 사용할 수있는 예입니다! 이 서버 측 스크립트 언어입니다으로

Answer 2

PHP가 작동하지 않습니다. JS를 사용해야합니다. JS은 드롭 다운 메뉴 항목 변경과 같은 클라이언트 측 이벤트를 처리 할 수 ​​있기 때문에 도움이됩니다.

당신은 그것을 위해 onchange() 이벤트를 사용해야합니다. 어떤 함수가 드롭 다운에서 값을 변경할 때 함수를 트리거합니다.

는 해당 업데이트를 사용하려면이처럼 HTML : 위에서

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

:

이

 <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 이벤트를 처리하는 함수를 만들 필요가 함수는 ID로 특정 DOM 요소를 찾고 HTML 및 CSS 관련 작업을 수행 할 수있는 document.getElementByID을 사용했습니다. 위의 예제에서 우리는 HTML 컨텐트를 설정하고 있습니다.