javascript - 从 ListBox 中获取所有选定的值(客户端)

Question

我正在尝试用 JavaScript 为我的 vb.net 页面实现一个自定义验证器。此验证器应检查多选列表框中是否没有任何选定值，如果是则弹出错误消息。

问题是，我想在客户端执行此操作，但在我的“validateFunction”函数中，我只获得最后选择的(或未选择的，如果它已被选择)项目。我知道如何在代码隐藏代码中执行此操作，但我想在客户端执行此操作。

aspx 代码:

 <asp:ListBox ID="lbEdit" runat="server" SelectionMode="Multiple">
 </asp:ListBox>
 <asp:CustomValidator id="cvEdit" runat="server" Display="None" ControlToValidate="lbEdit" ClientValidationFunction="validateFunction"/>
 <ajax:ValidatorCalloutExtender runat="server" ID="vceEdit" TargetControlID="cvEdit" />

JavaScript 代码:

 function validateFunction(source, arguments) {
        var options = document.getElementById(source.controltovalidate).options;
            for (var i = 0; i < options.length; i++) {
                if (options[i].selected == true) {
                    args.IsValid = true;
                    return;
                }
            }
            args.IsValid = false;
 }

正如我所说，由于最后(未)选择的项目将是“选项”数组中唯一选择的项目，验证函数将始终返回 true...

我想在另一个 javascript 函数中填充另一个数组作为“真正的选定数组”，并在每次函数触发时将其值与选定的选项进行比较。但我认为应该有更好的方法。

那么...有没有一种直接的方法可以从 javascript 中的多选列表框中获取所有选定的项目？

Answer 1

你的问题有点不清楚，你的功能似乎有效，但我在这里要回答的是你问题的最后一部分那么......有没有一种直接的方法可以从javascript 中的多选列表框？

试试这个js函数

<script type="text/javascript">
        function validateFunction() {
            var options = document.getElementById('<% = this.lbEdit.ClientID %>').options;
            var selectedItems;
            for (var i = 0; i < options.length; i++) {
                if (options[i].selected == true) {
                    if (selectedItems) {
                        selectedItems = selectedItems + ";" + options[i].value;
                    }
                    else {
                        selectedItems = options[i].value;
                    }
                }
            }
            if (selectedItems) {
                alert(selectedItems);
                return true;
            }
            else {
                alert("No item was selected");
                return false;
            }
        }
    </script>

这是 aspx 代码，我删除了验证器

 <asp:ListBox ID="lbEdit" runat="server" SelectionMode="Multiple" >
 </asp:ListBox>
    <asp:Button ID="test" runat="server" Text="send"  OnClientClick="return validateFunction();"/>

在浏览器的开发者工具中，您可以看到有关对象所有属性的详细信息