배열의 데이터를 텍스트 필드에 넣는 드롭 다운 메뉴를 만들려면 어떻게합니까?

Question

이 양식을 양식에 추가하고 싶습니다. 드롭 다운 메뉴에서 옵션을 선택하면 위의 텍스트 필드에 해당 정보를 입력해야합니다.

objBMW = { 
    "Sedan":"5-series", 
    "Convertible":"6-series", 
    "Truck":"X5", 
    "Coupe":"3-series", 
    "Hatchback":"5-series GT" 
    }; 

<form name="form1" action="formhandler"> 

<input type="text" name="typecar"> 

<select name="BMWCars"> 
<option value="Sedan">Sedan</option> // when this option is chosen put string "5-series" in textfield above 
<option value="Convertible">Convertible</option> // when this option is chosen put string "6-series" in textfield above 
<option value="Truck">Truck</option> // when this option is chosen put string "X5" in textfield above 
<option value="Coupe">Coupe</option> // when this option is chosen put string "3-series" in textfield above 
<option value="Hatchback">Hatchback</option> // when this option is chosen put string "5-series GT" in textfield above 
</select> 

Answer 1

자바 스크립트 :

document.forms.form1.BMWCars.onchange = function(){ 
    document.forms.form1.typecar.value = objBMW[this.value]; 
} 

http://jsfiddle.net/xZsc7/

Answer 2

내가 이런 식으로 할 것 :

<input type="text" name="typecar" id="typecar" /> 

<?php 
$objBMW = array('Sedan' => '5-series', 'Convertible' => '6-series'); 
?> 
<select name="BMWCars" id="BMWCars"> 
<?php 
    foreach($objBMW as $key => $value) 
    { 
     echo '<option value="'.$value.'">'.$key.'</option>'; 
    } 
?> 
</select> 


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#BMWCars').change(function() { 
       $('#typecar').val($("#BMWCars option:selected").val()); 
      }).trigger('change'); 
    }); 
</script>