PHPドロップダウン値に基づくテキストボックスへのエコー

Question

基本的なMVCパターンに従った小さなWebアプリケーションで作業しています。現在、私は$typical値は私のコントローラクラスに私のモデルクラスから取得した後にエコーされ

<input type="text" name="txtGasConRes" id="gasConRes" value="<?php echo $typical; ?>" disabled/> 

（今のところ）を一度テキストボックスにその値外エコー配列およびIMにデータベースから引き出されているデータを持っていますガスのテキストボックス私は電気のテキストボックスに非常に似ています。次のように

私のドロップダウンは、次のとおりです。

<select name="heatingType" id="heatingType" required> 
      <option value="" disabled selected>Select Your Option</option> 
      <option value = "Gas">Gas</option> 
      <option value = "Electricity">Electricity</option> 
      <option value = "Other">Other</option>   
     </select> 

$typical値をエコーするかを決定するための方法をtheresの場合、私は思っていました。たとえば、ユーザーが暖房タイプとしてGasを選択した場合、フォームが送信されると、その値はGasテキストボックスに表示されます。ユーザーがドロップダウンからElectricityを選択した場合、値はElectricityテキストボックスにエコーされます。

すべての情報をお待ちしております。 ありがとう！

Answer 1

これは間違いなくJavaScriptまたはjQueryの仕事です。選択入力の変更イベントを検出するハンドラを設定する必要があります。ユーザーが値を選択すると、ユーザーが選択したテキストに基づいてテキストフィールドを更新できます。

テストされていませんが、このようなものが動作するはずです。

var select = document.getElementById('heatingType'); 

function updateTextField(selectedValue) { 
    switch(selectedValue){ 
     case 'Gas': 
     return 'some text that you want in the text field'; 
     break; 
     // etc. 
    } 
} 

select.addEventListener('change', function(){ 
    var selectedValue = this.value, 
    textField = document.getElementById('gasConRes'); 

    textField.value = updateTextField(selectedValue); 
}); 

Answer 2

JavaScript関数を作成し、選択ボックスのonchangeイベントで関数を置く。（次のコードが機能している）

<script> 

    function heatingType(obj){ 
    alert(obj.options[obj.selectedIndex].value); //if you want to show in alart 
    //or put in a variable 
    $x=obj.options[obj.selectedIndex].value; 

    } 

</script> 

<select name="heatingType" id="heatingType" onChange="heatingType(this)" required> 
      <option value="" disabled selected>Select Your Option</option> 
      <option value = "Gas">Gas</option> 
      <option value = "Electricity">Electricity</option> 
      <option value = "Other">Other</option>   
     </select>