2009-08-08 2 views
1

как получить родительский DIV идентификатор текущей отправить форму с ajaxform плагин
Я не имея никаких проблем с государством успехаМульти отправки формы на странице с ajaxform()

Спасибо.

ниже - мой код.

<script type="text/javascript" charset="utf-8"> 
$('.formsubmit').ajaxForm({ 

    beforeSubmit: function() { 
     // here want form parent div display loading.. 
     var id = $(this).parent().id; // my problem here how to get current action form parent div id 
     $('div#'+id).html("Loading..."); 
    }, 
    url: '/post.php', 
    success: Response, 
    datatype: ($.browser.msie) ? "text" : "xml" 
}); 
function Response(xml) { 
    // let say XML return is equal 1 
    var id = xml; 
    $('div#'+id).html("Success"); 
} 
</script> 

<html> 
<body> 
<div id="1"> 
    <form class='formsubmit' action='/post.php' method='post'> 
     <input name='url' value='stackoverflow.com'> 
    </form> 
</div> 
<div id="2"> 
    <form class='formsubmit' action='/post.php' method='post'> 
     <input name='url' value='jquery.com'> 
    </form> 
</div> 
<div id="3"> 
    <form class='formsubmit' action='/post.php' method='post'> 
     <input name='url' value='google.com'> 
    </form> 
</div> 
</body> 
</html> 

ответ

3

Из того, что я могу видеть в docs, beforeSubmit метод вызывается с тремя Params:

  • данные формы в виде массива
  • объект JQuery для формы
  • Опции Объект, переданный в ajaxForm/ajaxSubmit

Учитывая, что если вы чан ge your before submit to

beforeSubmit: function(formData, formObj, options) { 
    var id = formObj.parent().attr('id'); 
    $('div#'+id).html("Loading..."); 
} 

Это должно работать, хотя я не проверял его.

+0

Это работа, как вы говорите. Большое вам спасибо. – Paisal

Смежные вопросы