jQuery仅清除一个查询字符串值

我在页面上有一个表单，可以过滤结果表，并将过滤器作为查询字符串附加到url上，例如

/Search？Name=john&Title=mr&Location=

正如您所看到的，位置为空，因为没有为该查询传递任何内容。因此，基本上当表单提交时，它会发送所有查询，并过滤结果

我想做的是允许用户清除单个查询，例如，他们决定不再按john筛选，但他们仍然希望保留其他查询，因此我不能只清除整个查询字符串

有什么办法可以帮你吗

每个过滤器看起来像：

清除

因此，我想到了以下几点：

$('table.filter td').each(function (i) {

            $(this).children('a.clear').click(function (e) {

                e.preventDefault();

                // CLEAR ONLY THIS FILTER FROM THE QUERY STRING

                // SUBMIT THE FORM AGAIN WITH THE ORIGINAL QUERY STRING MINUS THE REMOVED FILTER VALUE
                });
});

试试这个：

jQuery('a.clear').each( function() {


    jQuery(this).click( function(event) {

        event.preventDefault();
        jQuery(this).closest('td').children('input').val('');
            jQuery('#theform').submit(); //for resubmitting the form

    });


});

试试这个：

jQuery('a.clear').each( function() {


    jQuery(this).click( function(event) {

        event.preventDefault();
        jQuery(this).closest('td').children('input').val('');
            jQuery('#theform').submit(); //for resubmitting the form

    });


});