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

Question

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

它适用于标准表单提交，但是我的表单中有 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; 
}

我还没有看到其他类似的例子。

帮助表示赞赏。

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