如何在多选选择框后调用javascript方法

How to call javascript method on after multiple selection of select box

本文关键字：调用 javascript 方法 选择      更新时间：2023-09-26

以前我使用onchange事件来调用javascript方法（在这个方法中，使用AJAX调用将所选选项传递给服务器）。但这会导致多个AJAX调用服务器选择多个选项。有没有一种方法可以在选择框中进行多次选择后调用javascript方法，这样我就可以防止对服务器的多次AJAX调用。

这里它将中止进程中的ajax请求，只考虑最后一个请求。。

$(document).ready(function(){
    $("#searchInput").onchange(function(){
        ajaxSelect( $("#searchInput").val() );
    });
});
var request;
function ajaxSelect(selectedKey) {
    /* if request is in-process, kill it */
    if(request) {
        request.abort();
    };
    request = $.ajax({
        type: "get",
        url: "http://example.com/ajaxRequestHandler/",
        data: "action=selectmulti&selectedKey=" + selectedKey
    }).done(function() {
        /* process response */
        /* response received, reset variable */
        request = null;
    });
}

一种方法可以是清楚地定义以下事件。

在选择框中进行多次选择后

如果适合您的需要，您可以考虑使用其他事件，如onblur或onmouseout on select box来发送ajax请求。

相关文章：