2012-04-06 126 views
1

我使用Malsup的優秀表單插件動態加載搜索結果到同一頁面上。malsup jquery表單提交選擇更改

它與標準表單提交效果很好,但是我在表單中有2個選擇元素,並希望在選擇更改時更新結果。

我此刻的代碼是這樣的:

$(document).ready(function() { 
var options = { 
    target: '#bands-results', 
    beforeSubmit: showRequest 
}; 

$('#bandsearch').ajaxForm(options); 

});  
// Show loading message and submit form 
function showRequest(formData, jqForm, options) { 
$('#bands-results').prepend('<span>Searching</span>');  
    return true; 
} 

我還沒有看到,做同樣的其他例子。

幫助讚賞。

回答

1

明白了這個

$(document).ready(function() { 

    $("#genre-filter").change(function() { 
     $("#band_search").submit(); 
    }); 

    // bind to the form's submit event 
    $('#band_search').ajaxForm({ 
     beforeSubmit: showRequest, 
     target: '#band_list', 
     success: function() { 
      $('#premlim').hide(); 
     } 
    }); 

}) 

    function showRequest(formData, jqForm, options) {  
     return true; 
    }