선택 값

Question

제가 아래 배열 데이터가 입력 필드에 표시한다 : 그 사람의 이름을 선택

<?php 
    $names = array('Ireneo Crodua' => array('Australia', 'contact 3883 441', 'id_01'), 
       'Almads Bangal' => array('India', 'contact 3883 811', 'id_02'), 
       'Rechard Canonigo' => array('America', 'contact 3883 333', 'id_03'), 
       'Marjohn bebeloni' => array('China', 'contact 3883 444', 'id_04') 
); 

?> 

제가 선택 상자를을

<form action="post"> 

    <p><label>Select Name</label> 
    <select> 
     <?php 
     foreach($names as $name => $place){ 
      echo "<option>" . $name . "</option>"; 
     } 
     ?> 

    </select> 
    </p> 


    <p><label>Place</label><input name="place" value="" /></p> 
    <p><label>Contact</label><input name="contact" value="" /></p> 
    <p><label>ID Number</label><input name="id_number" value="" /></p> 


</form> 

예를 들어 Rechard Canonigo을 선택 상자에 넣으면 입력 필드에 Rechard Canonigo의 배열 값이 자동으로 나타납니다.

은 그럴 가능성이 있습니다.

예 :

미국은 자동으로 input field => place에 표시되고 contact 3883 333도 input field => contact에 표시되고 마지막 id_03이

내가이 jQuery 코드 세례반 id_number 입력 필드에 나타납니다

에게

$(function(){ 
    $('select').on('change',function(){ 
    $('input[name=place]').val($(this).val()); 
    }); 
}); 

나는 NT를 달성하지만 문제는 배열에 하나의 결과 만 제공한다는 것입니다.

Answer 1

예, 이미 가능한 첫 번째 필드가 있습니다. 두 번째 및 세 번째 필드의 경우 json_encode()을 사용하여 자바 스크립트에서 해당 배열을 가져올 수 있습니다. 당신이 XHR을 사용하지 않으려면

<script type="text/javascript"> 
var names = <?php echo json_encode($names); ?>; // put it inside 
$(function(){ 
    $('select').on('change',function(){ 
     // on select change 
     var selected_value = $(this).val(); 
     $('input[name=place]').val(selected_value); 
     // since the selected value is a key just point it to the object and get its values 
     $('input[name=contact]').val(names[selected_value][1]); 
     $('input[name=id_number]').val(names[selected_value][2]); 
    }); 
}); 
</script> 

Sample Demo