使用jQuery隨時添加div，並通過AJAX提交它們

我遇到了一些阻塞問題，我正在開發一些東西。使用jQuery隨時添加div，並通過AJAX提交它們

這個想法是讓客戶可能有多個地址。所以，當你看到客戶的「個人資料」時，你有一個選擇框，其所有的他/她的地址被標記，所以你只能看到被選中的那個。

他們真的存在但隱藏着一些javascript/jquery。

因此，添加新地址時出現問題。我不知道我該如何補充更多的消息。我所做的是有一個隱藏的div，它是空的，所以當你按下添加地址按鈕時，它會顯示div並讓你填寫表單，但是我不知道如何添加多個然後保存它們。

問題出在可用性和編程上。可用性的一部分是，您可能已經看到了您要添加的地址的div，但是如果您嘗試添加新的地址，那麼該div會發生什麼？應該隱藏？如果是這樣，應該有辦法讓他們回來，以防萬一你需要改變一些數據或者如果你不隱藏它們，你可能會以一個非常大的滾動條結束。

然後，還有我保存每個地址DIV的信息的方式，我會在這裏貼上我的代碼：

$('.form-direcciones').each(function(){ 
    var ajData = $(this).serialize(); 
    var idDireccion = $(this).attr('id'); 
    if (idDireccion === 'form-nueva-direccion'){ 
     ajData = ajData + '&action=insertar'+ 
       '&cod_cliente='+cod_cliente; 
    } 
    else{ 
     idDireccion = idDireccion.split('-'); 
     ajData = ajData + '&cod_dir='+idDireccion[2] + 
      '&action=' + action + 
      '&cod_cliente=' + cod_cliente; 
    } 

    $.ajax({ 
     type: "POST", 
     url: "controllers/direccion.php", 
     async: false, 
     data: ajData, 
     dataType: "html", 
     cache: false 
    }); 
});

正如你可能會看到，它會檢查div的ID是一個我使用的，但即使這樣的解決方案，我似乎有點骯髒。

而且，說到這裏我有重複ID的問題...

來源

2011-08-25 Antonio Laguna