2012-04-06 84 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; 
    }