動態添加行后，動態下拉列表不起作用

Question

我是php和javascript的新手。 我必須通過單擊一個按鈕來創建動態添加或刪除行，對此我正在使用表，而javascript工作正常。 在上面動態添加的元素的行中，我還有一個動態的淹沒列表。 現在，當我的表中只有一行時，動態下拉列表可以正常工作，因為該函數將id放在將結果作為參數的位置。 但是，當我添加更多行時，動態下拉列表始終指向第一行ID。 我不知道如何放置動態ID或可以更改ID。 這是代碼：

<table id="dataTable"  class="form"  border="1"> <!--class="form" -->
 <tbody>

   <tr>
    <p>
    <td >
        <input id="checkbox1" type="checkbox" class = 'chk' name="chk[]"  />
    </td>
    <td>
    <label>Server Type</label>
    <select id="BX_Server_Type" name="BX_Server_Type[]">
        <option value="">Select Server</option>
        <option>EMAIL Server</option>
        <option>Web Server</option>
        <option>FTP Server</option>
        <option>DNS Server</option>
        <option>WAP Server</option>
        <option>AUTHETICATION Server</option>
    </select>
    </td>

    <td>
    <label for="BX_Vendor">Server Vendor</label>
    <select id="BX_Vendor" name="BX_Vendor[]" selected **onChange="getProduct(this.value,'Product_list1');"  >**
    <option value="" selected>Select Vendor</option> 
    <?php
        $sql="SELECT DISTINCT firewall.VENDOR FROM firewall";
        $result=$dbhandle->query($sql);
        while ($rs=$result->fetch_assoc()){
            ?>
            <option value="<?php echo $rs["VENDOR"]; ?>"><?php echo $rs["VENDOR"]; ?></option>
    <?php
        }
    ?>
    </select>
    </td>

    <td>
    <label >Server Product </label>
    <select id="Product_list1" class="testclass" name="BX_Product[]"> 
    <option value="">Select Product</option> 
    </select> 
    </td>

    <td>
    <label for="BX_Number">No of Server</label>
    <input id="BX_Number[]" name="BX_Number"> 
    </td>
    </p>
  </tr>

 </tbody>
</table> 

函數getProduct（this.value，'Product_list1'）的ID為'Product_list1'，用於在其中發布查詢結果。

<script>
function getProduct(val1,val2)
{
    $.ajax({
        type:"POST",
        url: "get_product.php",
        data: 'VENDOR='+val1,
        success: function (data){
            $("#"+val2).html(data);
        }
    });
}
</script>

如果我有一個靜態id，上面的函數可以正常工作，但是現在當我動態添加表中的行時，它不起作用。 任何人都可以幫助我，如何使其正常工作？？

行的添加和刪除工作正常，添加新行后動態下拉列表中的唯一問題。 請幫忙。

謝謝。

Answer 1

我認為您的意思是“級聯組合框”？

如果是這樣，則此鏈接將為您提供幫助： http : //www.infotuts.com/cascaded-dropdown-jquery-ajax-php/