malsup jquery表单提交选择更改

时间:2012-04-06 19:50:01

标签: html forms jquery jquery-forms-plugin

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

它适用于标准表单提交,但是我在表单中有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 个答案:

答案 0 :(得分: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; 
    }