2011-08-25 3 views
0

개발중인 문제에 대해 일부 차단 문제가 있습니다.jQuery로 div를 바로 추가하고 AJAX를 통해 제출하십시오.

아이디어는 두 개 이상의 주소가있을 수있는 고객을 갖는 것입니다. 따라서 고객 "프로필"을 볼 때 선택한 모든 주소 만 태그가 표시되도록 선택 상자가 표시됩니다.

그들은 실제로 있지만 일부 자바 스크립트/jquery 숨겨져 있습니다.

따라서 새 주소를 추가 할 때 문제가 발생합니다. 어떻게 더 많은 dinamically 추가 할 수 있을지 모르겠다. 내가하는 일은 비어있는 div가있는 것입니다. 주소 추가 버튼을 누르면 div가 표시되고 양식을 채우지 만 둘 이상을 추가 한 다음 저장하는 방법을 모릅니다.

문제는 사용 성과 프로그래밍에 있습니다. 유용성 부분은 추가하려는 주소가있는 div를 볼 수 있지만 새 주소를 추가하려고하면 해당 div는 어떻게됩니까? 숨겨야합니까? 그렇다면 일부 데이터를 변경해야 할 경우를 대비하여 다시 가져 오는 방법이 있거나 숨겨 두지 않으면 정말 큰 스크롤 막대로 끝낼 수 있습니다.

그리고, 나는 각 주소 사업부에 대한 정보를 저장하는 방식이, 내가 여기에 내 코드를 붙여 것 : 사업부의 ID가 인 경우

$('.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 
    }); 
}); 

당신이 볼 수 있습니다, 그것은 확인 하나는 내가 그것을 사용하지만 그 해결책도 나와 조금 더러운 것 같습니다.

또한, 내가 ID를 반복하는 데있어 문제 ...

답변

0

그냥 내가 당신에게 아이디어를 제공 할 수있는 기초를 수행 한

http://jsfiddle.net/Z3JPW/12/

이 jsfiddle에서 살펴 온다 물건 클라이언트 쪽을하는 방법에. 편집과 삭제, 클라이언트쪽에있는 모든 것을 삽입하는 등의 모든 작업을 수행 할 수 있으며 마지막으로 데이터를 서버 쪽 영속성으로 가져갈 수 있습니다.

+0

그것은 나에게 매우 도움이되었다 : D –

관련 문제