[英]PHP Mysql Ajax - dynamic dropdown did not working
我尝试进行动态下拉菜单,当在医生下拉菜单中选择任何多边形选项时,总是出现同一位医生。
这是动态下拉菜单的代码
<div class="form-group">
<label>Poly : </label>
<select name="poly" id="poly" class="form-control" style="width: 50%">
<option disabled selected>--Choose Poly--</option>
<?php
$sqql = mysqli_query($kon,"SELECT * FROM poly") or die(mysqli_error($kon));
while ($rorow = mysqli_fetch_array($sqql)) {
?>
<option value="<?php $rorow['id_poly'];?>"><?php echo $rorow['poly']; ?></option>
<?php
}
?>
</select>
</div>
<div class="form-group">
<label>Doctor : </label>
<select name="doctor" id="doctor" class="form-control" style="width: 50%">
<option disabled selected>--Choose doctor--</option>
</select>
</div>
这是ajax的代码
<script src="https://code.jquery.com/jquery-3.1.1.js" integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA=" crossorigin="anonymous"> </script>
<script type="text/javascript">
$(document).ready(function(){
$("#poly").change(function(){
var id_poly = $(this).val();
$.ajax({
url:"getdoctor.php",
method:"POST",
data: {id_poly:id_poly},
success:function(data)
{
$("#doctor").html(data);
}
});
});
});
</script>
此代码为getdoctor.php
$ouput ='';
$dok = mysqli_query($kon,"SELECT * FROM doctor WHERE id_poly = '".isset($_POST["id_poly"])."'") or die(mysqli_error($kon));
$output .= '<option value="" disabled selected>--Choose doctor--</option>';
if (mysqli_num_rows($dok)>0){
while ($row = mysqli_fetch_array($dok)) {
$output .= '<option value="'.$row["id_doctor"].'">'.$row["doctor"].'</option>';
}
}
echo $output;
不要尝试检查您提交的值,并在同一步骤中将其注入查询中。
isset()
是在构建查询之前执行的合理检查,以避免发出Notice
,但只会传递true
或false
。 这使您的预期查询受挫。 走着瞧吧。
发送回html并不像在循环中处理json对象以生成新html那样干净。
这是我未经测试的建议代码:
PHP:
// connect with $kon
$result[] = ["", "--Choose doctor--"];
if (isset($_POST["id_poly"])) {
if ($dok = mysqli_query($kon, "SELECT id_doctor, doctor FROM doctor WHERE id_poly = " . (int)$_POST["id_poly"]))
while ($row = mysqli_fetch_assoc($dok)) {
$result[] = [$row["id_doctor"], $row["doctor"]];
}
}
}
echo json_encode($result);
然后返回您的success
功能:
var doctor = $("#doctor");
doctor.empty();
for (var i = 0; i < data.length; ++i) {
doctor.append('<option value="' + data[i][0] + '"' + (i ? "" : " disabled") + '>' + data[i][1] + '</option>');
}
(i ? "" : " disabled")
<-这是一个零/非零检查,因此仅第一个选项被disabled
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.