Php 使用jquery在文本字段中输入值时填充div
我想当在文本字段中输入一个值(成员编号)时,它会检查数据库中相应的名称并显示在div。。。。 这就是我到目前为止所做的 我的jquery代码Php 使用jquery在文本字段中输入值时填充div,php,jquery,Php,Jquery,我想当在文本字段中输入一个值(成员编号)时,它会检查数据库中相应的名称并显示在div。。。。 这就是我到目前为止所做的 我的jquery代码 $(function(){ var dis=$('#full'); $('#membership_number').change(function(e){ var sel=$(this).val(); dis.html(''); if(sel!='0'){ $.ge
$(function(){
var dis=$('#full');
$('#membership_number').change(function(e){
var sel=$(this).val();
dis.html('');
if(sel!='0'){
$.get('get_leader.php',{sel:sel},function(data){
dis.html(data);
});
}
}).change();
});
if(isset($_GET['sel'])){
$membership_num=$_GET['sel'];
if(!empty($dregion)){
$search=mysql_query("SELECT fname,mname,lname from members where
membership_number='$membership_num'")
or die("Error occured in selecting a table");
while($rows=mysql_fetch_array($search)){
$fname=ucfirst($rows['fname']);
$lname=ucfirst($rows['lname']);
$mname=ucfirst(substr($rows['mname'],0,1));
$full=$fname.'.'.$mname.'.'.$lname;
echo $full;
}
}
}
<div class="control-group">
<label class="control-label" for="id_password">Membership Number</label>
<div class="controls">
<input name="membership_number" maxlength="100"
placeholder="Enter membership Number ..." type="text"
class="input-large" id="membership_number" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="id_password">Full Name</label>
<div class="controls" id='full'>
//display data here...
</div>
</div>
我的php代码
$(function(){
var dis=$('#full');
$('#membership_number').change(function(e){
var sel=$(this).val();
dis.html('');
if(sel!='0'){
$.get('get_leader.php',{sel:sel},function(data){
dis.html(data);
});
}
}).change();
});
if(isset($_GET['sel'])){
$membership_num=$_GET['sel'];
if(!empty($dregion)){
$search=mysql_query("SELECT fname,mname,lname from members where
membership_number='$membership_num'")
or die("Error occured in selecting a table");
while($rows=mysql_fetch_array($search)){
$fname=ucfirst($rows['fname']);
$lname=ucfirst($rows['lname']);
$mname=ucfirst(substr($rows['mname'],0,1));
$full=$fname.'.'.$mname.'.'.$lname;
echo $full;
}
}
}
<div class="control-group">
<label class="control-label" for="id_password">Membership Number</label>
<div class="controls">
<input name="membership_number" maxlength="100"
placeholder="Enter membership Number ..." type="text"
class="input-large" id="membership_number" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="id_password">Full Name</label>
<div class="controls" id='full'>
//display data here...
</div>
</div>
我的html代码
$(function(){
var dis=$('#full');
$('#membership_number').change(function(e){
var sel=$(this).val();
dis.html('');
if(sel!='0'){
$.get('get_leader.php',{sel:sel},function(data){
dis.html(data);
});
}
}).change();
});
if(isset($_GET['sel'])){
$membership_num=$_GET['sel'];
if(!empty($dregion)){
$search=mysql_query("SELECT fname,mname,lname from members where
membership_number='$membership_num'")
or die("Error occured in selecting a table");
while($rows=mysql_fetch_array($search)){
$fname=ucfirst($rows['fname']);
$lname=ucfirst($rows['lname']);
$mname=ucfirst(substr($rows['mname'],0,1));
$full=$fname.'.'.$mname.'.'.$lname;
echo $full;
}
}
}
<div class="control-group">
<label class="control-label" for="id_password">Membership Number</label>
<div class="controls">
<input name="membership_number" maxlength="100"
placeholder="Enter membership Number ..." type="text"
class="input-large" id="membership_number" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="id_password">Full Name</label>
<div class="controls" id='full'>
//display data here...
</div>
</div>
会员编号
全名
//在此处显示数据。。。
尝试使用控制台.log(数据)或警报(数据)美元后。获取
或者,您可以使用firebug附加组件检查发送的参数和接收的结果。我猜您有两个id为“full”的html元素。尝试在php脚本中使用此选项(很抱歉,您的变量名太可怕了,我都更改了): 2.php:
<?php
if(isset($_GET['member_num'])){
$membership_num = $_GET['member_num'];
echo $membership_num;
}
?>
…这是您的html:
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<script type="text/javascript" src="lib/jquery-1.9.1.js"></script>
<script type="text/javascript" src="lib/jquery-ui-1.10.2.js"></script>
<script type="text/javascript" src="js2.js"></script>
</head>
<body>
<div class="control-group">
<label class="control-label" for="membership_number">Membership Number</label>
<div class="controls">
<input name="membership_number" maxlength="100"
placeholder="Enter membership Number ..." type="text"
class="input-large" id="membership_number" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="full_name">Full Name</label>
<input name="full_name" maxlength="100"
placeholder="Enter Full Name ..." type="text"
class="input-large" id="full_name" />
<div class="controls" id="results">HELLO</div>
</div>
</body>
</html>
摆脱它。它有效吗?问题是什么它不起作用,我想当用户输入它检查到数据库的成员编号并在div中显示名称时,你的jquery看起来不错,如果它不起作用,那么你的服务器端代码就是问题所在,理想情况下,你也应该包含相应的代码。你能在控制台或警报中记录数据并检查是否正确吗?我已经包含了我的php文件和html代码nw@Relfori used alert(data)…当你的php脚本没有返回任何内容时,它不会弹出任何内容。使用一些简单的php脚本,如我发布的。在添加db之前,您应该始终在没有任何db交互的情况下测试所有内容。欢迎。你也应该投票支持另一个建议尝试的答案。