Javascript 从数据库中获取Select选项的列值
我有一个下拉列表,用于在php页面上选择Id,其值从database1st列获取 下拉列表旁边有一个文本字段,我想在其中显示数据库中第2列成员的名称 守则如下:Javascript 从数据库中获取Select选项的列值,javascript,php,jquery,mysql,ajax,Javascript,Php,Jquery,Mysql,Ajax,我有一个下拉列表,用于在php页面上选择Id,其值从database1st列获取 下拉列表旁边有一个文本字段,我想在其中显示数据库中第2列成员的名称 守则如下: <?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)
<?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/>
php是另一个php文件,我在其中启动一个查询,根据Member_id的值获取Member_名称
但问题是,不知何故,一旦更改,页面就不会调用showMember函数。1 value属性中缺少echo
2 onchange应该在class属性之外。
简单使用jqueryajax
注意:别忘了在value属性中包含jquerymissing echo,我不想重复。如果你的not echo str将为空,可以吗?????我试过了,你的建议是什么,但不幸的是它不起作用:首先,当从下拉菜单中选择一个值时,页面应该重新加载。你想要像这个选项值=>我试图做的是在这里提到的-,我发现它很有用,但是需要更多地理解它。你能看一下代码吗?我需要问一些关于这个问题的问题。我会尽我最大的努力@ParvezKhantake-look@comment 6,他正在从下拉列表中获取值&显示在“我们如何在db查询中使用该值?”?
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();
}
}
function showMember(str)
{
$.ajax({
url:'getMember.php',
type:'post',
data:{q:str},
success:function(data)
{
$('#st_name').val(data);
}
});
}