javascript - jQuery 序列化删除空选择

Question

我有一个大表单，将由 jQuery 函数序列化。

问题是我需要在序列化所有空值之前从该表单中删除。

我找到了一种方法可以成功删除所有空输入文本字段，但不能删除选择内容。

它无法与选择下拉菜单一起正常工作。

检查下面:

echo "<script type=\"text/javascript\">
$(document).ready(function() {
    $('#submForm').validate({ 
        submitHandler: function(form) {
            // Do cleanup first
            $('input:text[value=\"\"]', '#submForm').remove();
            $('select option:empty', '#submForm').remove();
            var serialized = $('#submForm').serialize();
             $.get('".$moduleURL."classes/DO_submission.php', serialized);
            window.setTimeout('location.reload()', 8000);
            return false;
            form.submit(); 
        }
    })
});

它应该完全删除值为空的下拉选项。不仅选项，而且整个选择框都不应该包含在序列化函数中。

如何实现这一目标？

$('select option:empty', '#submForm').remove();

此代码无法正常工作..

Answer 1

首先，select 不能有空值。如果未设置 selected 属性，它将默认为第一个 option。

其次，$('select option:empty') 选择空的option。为了做某事，选项应该有一个值，所以据我所知选择器永远不会工作。

您需要做的是检查所有select，看看它们是否具有与默认值不同的值，如果不是这种情况，请将其删除。