如何找到 HTML 选择标签的所有选定选项？

在本文中，我们将学习如何查找HTML 标记的所有选定选项。如果您可能已经获得了一些基于多项选择的考试，您需要选择正确的选项来获得分数，则可能需要这样做。为了达到同样的效果，我们首先必须找到选定的选项并将其与正确的选项相匹配。我们可以在 JQuery 的帮助下非常轻松地构建它。

在这里，我们将看到两种情况：

1. 当您想从单选下拉列表中获取选定的选项值时。
2. 当您想从多选下拉列表中获取选定的选项值时。

示例 1：从 HTML 选择标记中查找单个选定选项。

HTML

 

    
    

 

    GeeksforGeeks
    How do you find all selected options
        of HTML select tag?
    You are a?
    

        Dog         Cat         Rabbit         Human           

        You have selected:              

      

        See result       

---

HTML

 

    
    

 

    GeeksforGeeks
    How do you find all selected options
        of HTML select tag?
    Programming languages you love
    
        CPP
        Java
        C
        Javascript
    
    Get Selected Values
    
        $(document).ready(function () {
            $("#submit").click(function () {
                const opts = $(
                  "#languages option:selected"
                ).map(function () {
                    return this.value;
                }).get().join(",");
                alert("Selected options are: " + opts);
            });
        });