選擇組合框值時自動填充文本字段

Question

我想問一下JavaScript onchange函數和PHP。

我有這個值，我從數據庫（MySQL的）獲取組合框，這裏是我的進步：

我這裏還有我的數據庫內容：

member: 
    person_name (person one, person two, person three) 
    description ("sdsdsdsds","ewewewewe","gfdfdfdff","dfdfdfdfdfS") 

PHP：

include "conn.php"; 

    $query = "SELECT person_name FROM member"; 
    $result = mysql_query($query); 
    echo "<select name='name'>"; 
    echo "<option value=''>-Select-</option>"; 
    while($row = mysql_fetch_array($result)) { 
     echo "<option value='".$row['person_name']."'>".$row['person_name']."</option>"; 
    } 
    echo "</select>"; 

所以，當我選擇其中一個值時，我想要空白的textarea，

<textarea>"FILLED WITH DESCRIPTION FROM DB BASED ON NAME SELECTED</textarea> 

Answer 1

我認爲你正在尋找這一點 -

echo "<select name='name' id='sel_id' onchange='fillData()'>"; 
    echo "<option value=''>-Select-</option>"; 
    while($row = mysql_fetch_array($result)) { 
     echo "<option value='".$row['person_name']."'>".$row['person_name']."</option>"; 
    } 
    echo "</select>"; 

    echo "<textarea id='txt_id'></textarea>"; 

function fillData(){ 
    var s = document.getElementById("sel_id"); 
    var val = s.options[s.selectedIndex].text; 
    document.getElementById("txt_id").innerHTML = val; 
} 

請注意：我沒有測試它。