malsup jquery表单在选择更改时提交

Question

我正在使用Malsup出色的Form插件将搜索结果动态加载到同一页面上。

它与标准表单提交配合使用非常好，但我的表单中有2个select元素，我希望在更改select时更新结果。

我现在的代码是这样的：

$(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; 
}

我还没有看到其他的例子也这样做。

感谢您的帮助。

Answer 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; 
    }