jQuery的...填充多个下拉菜单

Question

我有一个Ajax调用，像这样和每个结果，我显示一个下拉菜单，如下所示：

$.each(results, function (key, value) { 
    html += "<select id='vendorDropdown'><option value='0'>-- Select Vendor --</option></select>" 
} 

，我与另一个Ajax调用填充下拉：

$.ajax({ 
        type: "GET", 
        url: "/vendorProject/api/connection/getVendors", 
        dataType: 'json', 
        cache: false, 
        success: function (results) { 
         var vendorDropdown = $("#vendorDropdown"); 
         $.each(results, function (row, value) { 
          vendorDropdown.append($("<option />").val(value.Vendor_ID).text(value.Vendor_Name)); 
         }); 
        } 
       }); 

我的问题是，这只填充第一个下拉列表，并没有任何其他人，这是因为他们都有相同的ID ...我现在要做的是使该ID唯一的值：

$.each(results, function (key, value) { 
     html += "<select id='vendorDropdown-" + value +"'><option value='0'>-- Select Vendor --</option></select>" 
    } 

我的问题是，我将如何定位这些下拉与其他ajax调用中的唯一ID？