如何使我的动态下拉列表也依赖于父下拉列表
How can I make my dynamic drop-down list be dependent dependent also to parent drop down?
我有一个依赖下拉列表。sub_cat
取决于parent_cat
同时,它也是动态的,用户可以根据需要添加其他内容。
我的问题从这里开始,下拉依赖已经在工作,其中第二个下拉sub_cat
取决于在第一个下拉parent_cat
中选择的内容。但是,当我单击Add Process
(添加其他)sub_cat
.sub_cat现在为空。
如果我单击添加进程,将填充sub_cat,我如何才能使其工作,这也取决于parent_cat中选择的内容。
这是我的代码:索引.php
<html>
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/loadScript.js"></script>
<script type="text/javascript" src="js/dynamic.js"></script>
</head>
<body>
<form method="GET" action="input.php">
<label for="category">Parent Category</label>
<?php
echo'<select name="parent_cat" id="parent_cat">';
while($row = $query_parent->fetch()) {
echo '<option value="'.$row['w_id'].'">' . $row['wafer_type'] . '</option>';
}
echo '</select>';
?>
<br/>
<?php
require 'second_dd.php';
?>
<input type="button" name="add_item" value="Add Process " onClick="addMore()" />
<br><br>
<input type="submit">
</form>
</body>
</html>
second_dd.php
<div id="product">
<select name="sub_cat[]" id="sub_cat"></select>
</div>
负载子猫.php
<?php
include 'db/pdo-connect.php';
$parent_cat = $_GET['parent_cat'];
$query = $conn->prepare("SELECT * FROM process WHERE wafer_id = {$parent_cat}");
$query->execute();
while($row = $query->fetch()) {
echo '<option value="'.$row['p_id'].'">' . $row['process_name'] . '</option>';
}
?>
加载脚本.js
$(document).ready(function() {
$("#parent_cat").change(function() {
$(this).after('<div id="loader"><img src="img/loading.gif" alt="loading subcategory" /></div>');
$.get('loadsubcat.php?parent_cat=' + $(this).val(), function(data) {
$("#sub_cat").html(data);
$('#loader').slideUp(200, function() {
$(this).remove();
});
});
});
});
动态.js - 用于添加第二个下拉列表。
function addMore() {
$("<div>").load("second_dd.php", function() {
$("#product").append($(this).html());
});
}
我的数据库是这样的:
parent_cat
id, category
sub_cat
id, category_id, sub_category
文件dynamic.php
有什么作用?
选择器$("<div>")
不正确,找不到任何元素,.load
函数不会执行脚本。 只需加载文件内容。
相关文章:
- 如何在php中创建依赖的下拉列表
- 选择的下拉列表:使search_contains同时适用于所有下拉列表
- 依赖下拉列表的数据验证
- 如何使用 jquery 检查该值是否存在于带有标签的 select2 下拉列表中:true
- 使用jquery如何自动删除下拉列表中的第一个空白选项(如果它依赖于另一个选项)
- 如何修改代码以将其应用于三个下拉列表?(Jquery)
- 禁用JavaScript-依赖下拉列表
- javascript动态下拉列表-两种形式相互依赖
- 设置值时,语义UI下拉列表滞后于整个UI
- 数据库中的依赖下拉列表值
- 如何使我的动态下拉列表也依赖于父下拉列表
- 下拉选项依赖于另一个下拉选项(所有值都来自数据库)
- 更改一个下拉列表的值依赖于另一个下拉列表
- 在PHP和jQuery中,使一个下拉列表依赖于另一个下拉列表
- 一个下拉列表的内容依赖于另一个下拉列表
- 一个下拉列表依赖于另一个
- 创建两个依赖于第一个的下拉列表
- 如何使2下拉菜单依赖于另一个不使用值
- 依赖于jQuery的下拉列表
- 我怎样才能让两个不同的下拉菜单依赖于同一个父菜单