Javascript 使用jQuery、PHP和Ajax的动态相关选择框
我尝试创建两个选择框,它们是制造商、类型和依赖于另一个选择的框。问题是第二个选择框没有显示Javascript 使用jQuery、PHP和Ajax的动态相关选择框,javascript,php,jquery,Javascript,Php,Jquery,我尝试创建两个选择框,它们是制造商、类型和依赖于另一个选择的框。问题是第二个选择框没有显示 Manufacturer table | manuf_id* | manuf_name | |--------------------------------| | 1 | Bandai | | 2 | Kotobukiya | |--------------------------------| Type tabl
Manufacturer table
| manuf_id* | manuf_name |
|--------------------------------|
| 1 | Bandai |
| 2 | Kotobukiya |
|--------------------------------|
Type table
| id* | type | manuf_id** |
|-----------------------------------|
| 1 | Gundam | 1 |
| 2 | PVC Figure | 1 |
| 3 | PVC Figure | 2 |
|-----------------------------------|
add_product.php
ajaxData.php
我真的不明白为什么它不起作用,任何帮助都将不胜感激 您正试图创建哪种类型的依赖项?是否收到任何错误消息?你能把问题缩小一点吗?键入
依赖于制造值。@Difster我没有收到错误消息,你检查过浏览器中的控制台输出了吗?
<?php
$stmt = $db->prepare("SELECT * FROM manufacturer");
$stmt->execute();
$rowCount = $stmt->rowCount();
?>
<select class="ui fluid dropdown" name="manufacturer" id="manufacturer">
<option value="">Select Manufacturer</option>
<?php
if($rowCount > 0){
while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
?>
<option value="<?php echo $row['manuf_id'] ?>"><?php echo $row['manuf_name'] ?></option>
<?php
}
} else {
?>
<option value="">Manufacturer Not Available</option>
<?php
}
?>
</select>
$(document).ready(function() {
$('#manufacturer').change(function() {
var manufID = $('#manufacturer').val();
$.ajax({
type:"GET",
url:"ajaxData.php?",
data:"manuf_id="+manufID,
success:function(data){
$("#type").html(data);
}
});
});
});
<?php
include '../config/config.php';
$query = $db->prepare("SELECT * FROM type WHERE manuf_id = ".$_GET['manuf_id']."");
$query->execute();
$rowCount = $query->rowCount();
if($rowCount > 0) {
echo '<option value="5">Select type</option>';
while ($row = $query->fetch(PDO::FETCH_ASSOC)) {
echo '<option value="'.$row['id'].'">'.$row['type'].'</option>';
}
}