动态添加更多字段由2个动态下拉列表（类别下拉列表和产品下拉列表）和一个输入框输入价格答案

【问题标题】：Dynamically add more fields consists of 2 dynamic dropdown (category dropdown and product dropdown) and one input box to enter price动态添加更多字段由2个动态下拉列表（类别下拉列表和产品下拉列表）和一个输入框输入价格
【发布时间】：2018-04-02 09:27:05
【问题描述】：

我想动态填充两个从数据库中获取的下拉列表和一个输入框第一个下拉列表：填充类别第二个下拉列表：根据类别，所有产品都填充在产品下拉列表中输入框：输入价格

这三个字段是通过 jQuery add more 动态添加的

【问题讨论】：

stackoverflow上有这么多答案，先在google上搜索一下
问题是什么？
根据类别我在产品下拉列表中获得相关值。但是如何通过单击添加更多链接来添加这 3 个字段，并且这些下拉列表有 ID，我通过这些 ID 在另一个下拉列表中显示数据。如果我添加新字段，那么我该如何更改 ID
请清楚，你的问题到底是什么，你的代码在哪里，你面临的问题/问题是什么？

标签： javascript php jquery ajax mysqli

【解决方案1】：

<script type="text/javascript" src="js/jquery.min.js"></script>

<div class="">
    Category :
    <select name="category" id="category">
        <option value=''>------- Select --------</option>
        <?php 
        $sql = "select * from `categories`";
        $res = mysqli_query($con, $sql);
        if(mysqli_num_rows($res) > 0) {
            while($row = mysqli_fetch_object($res)) {
                echo "<option value='".$row->cat_id."'>".$row->cat_name."</option>";
            }
        }
        ?>
    </select>

    Products :
    <select name="products" id="products"><option>------- Select --------</option></select>
</div>


<script>$(document).ready(function() {
$("#category").change(function() {
    var product_id = $(this).val();
    if(product_id != "") {
        $.ajax({
            url:"get-products.php",
            data:{c_id:product_id},
            type:'POST',
            success:function(response) {
                var resp = $.trim(response);
                $("#products").html(resp);
            }
        });
    } else {
        $("#products").html("<option value=''>------- Select --------</option>");
    }
}); }); </script>

【讨论】：

这工作正常，但现在我想创建“添加更多”链接，以一种形式添加更多下拉 div