onchangeを選択他の入力フィールドを更新

Question

私は1つの選択オプションと3つの入力テキストボックスを持つフォームを持っています。 selectオプションの値をデータベースから取得します。私は選択したものに基づいて3つの入力フィールドのデータを変更したいと思います。私は多くの方法を試みますが失敗します。

<Select onchange="update(this)"> 
<?php 
    $query = "SELECT * FROM wheel1 ORDER BY chair_no ASC"; 
    $run = mysqli_query($connect, $query); 
    $i = 0; 
    while ($chair = mysqli_fetch_assoc($start)) { 
    $i++; 
    ?> 
<option value="<?php echo $chair['chair_no'];?>"><?php echo $i ?></option> 
<?php 
    $name = $chair['name']; 
    $phone = $chair['phone']; 
    $detail = $chair['detail']; 
    } 
?> 

[選択]メニューではデータを完全にフェッチしますが、名前の電話番号と詳細変数の最後の値のみを格納します。ここにJavaScriptのコードです。

function update(elem) { 
      var name = "<?php echo $name; ?>"; 
      var phone= "<?php echo $phone; ?>"; 
      var detail = "<?php echo $detail; ?>"; 
      document.getElementById("name").innerHTML = name; 
      document.getElementById("phone").innerHTML = phone; 
      document.getElementById("detail").innerHTML = detail; 
} 

すべてのヘルプが飾られています。前もって感謝します。名前、電話や細部のためのオプションで

Answer 1

セットdiffirent属性

デモ：https://jsfiddle.net/sjhhv4pw/

<select onchange="update(this)"> 
<?php 
    $query = "SELECT * FROM wheel1 ORDER BY chair_no ASC"; 
    $run = mysqli_query($connect, $query); 
    $i = 0; 
    while ($chair = mysqli_fetch_assoc($start)) { 
    $i++; 
    ?> 
<option data-name="<?php echo $chair['name']; ?>" data-phone="<?php echo $chair['phone']; ?>" data-detail="<?php echo $chair['detail']; ?>" value="<?php echo $chair['chair_no'];?>"><?php echo $i ?></option> 
<?php 
    } 
?> 
</select> 

のjQuery：

function update(elem) { 
    var name = $(elem).find("option:selected").attr("data-name"); 
    var phone= $(elem).find("option:selected").attr("data-phone"); 
    var detail = $(elem).find("option:selected").attr("data-detail"); 
} 

Answer 2

コード

<Select onchange="update(this)"> 

の下に試してみてください"データ・フォン="」データ・椅子・ディテール= "" 値= "">

javascriptのコード、あなたを考慮に解決するjQueryの

function update(elem) { 
     var name = ele.data('chair-name'); 
     var phone= ele.data('phone'); 
     var detail = ele.data('chair-detail'); 

}