多个相同的动态下拉列表

Question

我能够使用php，ajax，mysql创建动态下拉列表。在此，在选择第一个下拉列表（itemtype）时填充第二个下拉列表（itemname）。

我想管理多个项目，因此多次需要相同的下拉列表（第1和第2个）。例如，

1. Itemtype（下拉列表） - ＆gt; itemname（下拉列表） - ＆gt;数量（输入字段）
2. Itemtype（下拉列表） - ＆gt; itemname（下拉列表） - ＆gt;数量（输入字段）
3. Itemtype（下拉列表） - ＆gt; itemname（下拉列表） - ＆gt;数量（输入字段）
4. Itemtype（下拉列表） - ＆gt; itemname（下拉列表） - ＆gt;数量（输入字段）

ajax代码是：

TapGesture

和html代码：

    $('#itemtype').on("change", function(){
 var itemtype = $('#itemtype').val();
        $.ajax({
            url: 'ajax_itemname.php',
            type: 'post',
            data: {itemtype:itemtype},
            dataType: 'json',
            success:function(response){
                var len = response.length;
                $("#itemname").empty();
                for( var i = 0; i<len; i++){
                    var itemname = response[i]['itemname'];
                    $("#itemname").append("<option value='"+itemname+"'>"+itemname+"</option>");
                }
            }
        });
    });