從數據庫中獲取Select選項的列值

Question

我有一個下拉列表，用於在php頁面上選擇一個ID，該值的值正從數據庫中獲取（第一列）。

下拉菜單旁邊有一個文本字段，我想在其中顯示數據庫中成員的名稱（第二列）。

代碼如下-

<?php
include ('connection.php');

$query = "SELECT Member_id FROM member_db ORDER BY Member_id ASC";
$result = mysqli_query($conn, $query) or die(mysqli_error($conn)."[".$query."]");
?>
   <Select id="st_id" placeholder="Enter Member id" name="ist_id" required class="styled-select green semi-square onChange="showMember(this.value)"">
      <option selected ="true" disabled="disabled">Select Member Id</option>
<?php while ($row = mysqli_fetch_array($result, MYSQL_ASSOC)){?>
   <option value=" <?php $row['Member_id']; ?> ">
     <?php echo $row['Member_id'];?>
    </option>
<?php }?>
</Select>

<input style="min-height:30px" type="text" id="st_name" placeholder="Member name" name="ist_name" disabled/>

我要調用的JavaScript代碼是這樣的-

function showMember(str) {
    if (str == "")
    {
        document.getElementById("txtHint").innerHTML = "";
        return;
    }
    else { 
        if (window.XMLHttpRequest)
        {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        }
        else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
             }

        xmlhttp.onreadystatechange = function()
        {
            if (this.readyState == 4 && this.status == 200)
            {
                document.getElementById("txtHint").innerHTML = this.responseText;
            }
        };

        xmlhttp.open("GET","getMember.php?q="+str,true);
        xmlhttp.send();
    }
}

getMember.php是另一個php文件，其中我觸發了一個查詢以根據Member_id的值獲取Member_name。

但是問題在於，在某種程度上，頁面onChange不會調用showMember（）函數。

Answer 1

1）缺少echo中值屬性<option value="<?php $row['Member_id']; ?> "> <?php echo $row['Member_id'];?>

2）onchange應該在class屬性之外。 <Select id="st_id" placeholder="Enter Member id" name="ist_id" required class="styled-select green semi-square" onChange="showMember(this.value)">簡單使用jquery ajax

    function showMember(str) 
    {  

     $.ajax({
           url:'getMember.php',
           type:'post',
           data:{q:str},
           success:function(data)
                  {
                    $('#st_name').val(data);
                  }

     });
  }

注意：不要忘記包含jQuery