동적 요소를 정렬 가능한 목록에 추가하여 POST/GET (jquery/javascript)

Question

을 사용하여 보낼 수 있습니다.이 스크립트를 끝내기 위해 정말 고생했습니다.하지만 사실 jquery (php devloper)가 잘못되었습니다.

아이디어는 이것입니다, 나는이 litle 양식 http://jsfiddle.net/34xEg/2/ 있습니다. 내 사용자가 원하는대로 많은 작업 경험을 추가 할 수 있기를 바랍니다. 에 작업 할 때마다 양식에있는 모든 필드가 비어 있고 정보가 목록 (예 : http://www.ryancramer.com/projects/asmselect/examples/example1.html)으로 이동합니다.

나중에 사용자 마감, 그는 삭제할 수있는 항목 목록을 형성하거나 acctions을 POST와 버튼을 사용하여 보내거나 GET.

씽크은, 난 정말 이것을 달성하는 방법에 대한 어떤 생각을 가지고 있겠지 , 양식을 채우고 pickdate 함수 (에서 또는 ~ 필드까지 마우스를 치면됩니다. 정보를 추가하는 방법에 대한 예제 스크립트를 통해 도움을받을 수 있다면 (jquery에서) 정렬 가능한 목록으로, 그것은 좋을 것이다, 또는 당신이 큰 마음을 가지고 있다면 나에게 완전한 예를 보여줄 수있다.

도움 주셔서 감사합니다.

Answer 1

당신은 유 click에 당신이 루프 each 요소를 통해 당신이 다음을 게시 할 수 있습니다 ... 목록에서 항목을 제거하기 위해 remove function를 사용하는 장르의 Append function 또는 appendTo 또는 뭔가를 사용할 수 있으며, 요소를 제거하기 위해 또는 무엇이든 그것과 함께 할 수 있습니다.

Answer 2

http://api.jquery.com/serialize/
http://api.jquery.com/jQuery.post/

jQuery를 매우 쉽게한다. 문서를 확인하십시오.

데이터를 정렬 할 수 있는지 여부는 표시 방법에 따라 다릅니다. 데이터가 데이터베이스에 저장되는 방식과 아무 관련이 없습니다. 두 가지 문제가 있습니다.

Answer 3

추가 작업 단추에 ID를 지정하십시오. jQuery 이벤트.

jQuery('#addwork').click(function(e){ 
    addJob(jQuery('#comp_name').val(), jQuery('#jobdesc').val(), function(c){ 
    // On callback display confirmation, and clear the entry fields 
    }); 
}); 

addJob이 같은 것을 할 수 있습니다

function addJob(comp_name, jobdesc, jobtitle, etc){ 
    var newEl = '<div class="jobnode"><h3 class="jobheader">'+jobtitle+'</h3><p class="jobdescription">'+jobdesc+'</p> ...etc'; 
    // add new element to element collection in the dom using appendTo just like above poster says 
    var ins = jQuery('#sortableparent').appendTo(newEl); 

    if (ins.length >= 1) { 
    return true; 
    } 
}; 

을 사용자가 저장 DOM의 부모 요소를 통해 재귀와 JSON 객체를 구축 할 준비가되면, & 보내 당신의 $ 아약스 데이터로 .

var jobs = { 
    {'title':'Helpdesk Peon','desc':'Answer phone, respond to issue tickets, bang head on desk'}, 
    {'title':'Boss Man','desc':'Answer phone, give orders, drink from snifter, bang head on desk'}, 
    {'title':'Office Assistant','desc':'Answer phone, give orders, drink from snifter, bang head on desk'} 
};