jquery - 选择框 ':selected' 值验证 jQuery

Question

我必须在 jQuery 中更改所选选项值时进行验证。这是我尝试过的实际代码和动态 jQuery。我知道我撞到了别的地方，但我不知道它在哪里。如果有人能帮助我解决这个问题，我将不胜感激。

我在一个主 div 容器中有行列表，这些行具有从后端动态加载的选择框。选择框的数量也会动态呈现。我希望这没关系。选择框放置的排列是这样的...

例如，当我在第一个组合框中选择选项时，我必须验证是否已在另一个选择框中选择了相同的选定选项。如果选择它，我必须显示警报消息，说明您已经在另一个选择框中选择了相同的值。必须对所有选择框进行相同的验证。

这是我尝试过的代码:

$(document).on('change', 'select.addedOptions, select.defaultSel', function () { var selCurrent = $(this).find(':selected').val();$('.confCustFormCont .confCustRow').each(function() {var selAllOtherValue = $(this).find('select option:selected').text();});});

这个无法正常工作。有什么想法吗？

Answer 1

根据Edward的建议，您可以使用循环来获取值，然后比较当前选定的值。给您的示例:

        $("select").change(function () {
            var selectedValues = [], currentValue = $(this).find("option:selected").val();
            $("select").each(function () {
                selectedValues.push($(this).find("option:selected").val());
            });
            if (selectedValues.indexOf(currentvalue) > -1)
                alert("you have already selected this value, please select another one."); return false;
        });

希望这有帮助:)