2012-03-27 9 views
2

한 페이지에 ajaxForm을 사용하여 제출되고 업로드 진행 상황을 보여주는 여러 양식이 있습니다. 각 양식은 동일한 클래스 '.input_form', 고유 ID 및 'category'의 고유 한 값을 갖는 숨겨진 입력 필드를 갖습니다. 내가 제출 한 형태 또는 제출 된 형태로 숨겨진 필드의 값의 ID를 검색하고 싶습니다, 전체 기능에 http://jquery.malsup.com/form/progress.htmljQuery 플러그인을 사용하여 양식 ID 가져 오기 ajaxForm 및 진행률 막대 업로드

var bar = $('.bar'); 
var percent = $('.percent'); 
var status = $('#status'); 

$('.input_form').ajaxForm({ 
    beforeSend: function() { 
     status.empty(); 
     var percentVal = '0%'; 
     bar.width(percentVal) 
     percent.html(percentVal); 
    }, 
    uploadProgress: function(event, position, total, percentComplete) { 
     var percentVal = percentComplete + '%'; 
     bar.width(percentVal) 
     percent.html(percentVal); 
    }, 
    complete: function(xhr) { 
     status.html(xhr.responseText); 
     $('#activity_feed_load').load(querybuild()); 
     $('.wall_cat_selected').removeClass('wall_cat_selected'); 
     $('.input_form, .arrow').hide(); 
     var percentVal = '0%'; 
     bar.width(percentVal) 
     percent.html(percentVal); 
     $('.input_form').resetForm(); 
    } 
});  

: 다음은 원래의 예입니다. 나는 작동하지 않는 다음을 시도했다.

var value = $('.input_form .category').fieldValue(); alert('The category is: ' + value[0]); 

기본적으로 제출 된 양식에 대한 검색 방법 ($ this)은 확실하지 않습니다.

도움 주셔서 감사합니다.

은, 그냥에서이 작업을 수행하는 방법을 발견 좋아 관련 SO 여기 질문 :

how to use $(this) in jquery ajaxform plugin

기본적으로, 난 그냥 내 ajaxForm 기능에 다음을 추가하는 데 필요한 :

success: function(html, status, xhr, myForm) { 
     alert(myForm.attr('id')); 

    } 

희망이 있으면 도움이됩니다.

답변

2

좋아, 난 그냥에서이 작업을 수행하는 방법을 알게 관련 SO 여기 질문 :

는 다음을 추가 할

기본적으로 JQuery와 ajaxform 플러그인에, 난 그냥 필요한 $ (이) 사용하는 방법 내 ajaxForm 함수 :

success: function(html, status, xhr, myForm) { 
     alert(myForm.attr('id')); 

    } 

희망이 다른 사람에게 도움이됩니다.