如何在 jQuery 中获取所选选项的文本值？

简介：在本文中，我们将看到如何使用 jQuery 从所选选项中获取文本值。在处理一些与表单相关的用户界面时，我们经常使用 select 选项，为了使用它，我们肯定需要那些被选中的值。

方法：我们将使用 select option 是一种非常简单的方法来制作下拉菜单和 val() 方法，它是 jQuery 中的内置方法，用于返回或设置所选元素的属性值。此方法适用于 HTML 表单元素。

句法：

$(selector).val(parameter)

参数：此方法不接受任何参数。

jQuery CDN 链接：在 HTML 文件的 head 标签中添加以下代码。

示例：在本示例中，我们将创建一个选择选项元素并在浏览器控制台上打印用户使用 val() 方法选择的值，如上所述。

index.html

  

    
    

  

    
        One
        Two
        Three
        Four
        Five
    
  
    
  
        // It will print the selected value
        function displayNum() {
            console.log($("select#selectVal").val());
        }
  
        // When the selected value will change,
        // the above function is called
        $("select#selectVal").change(displayNum);
    

  

输出：

获取选定值

现在我们知道如何获取这些值，所以我们可以使用这些值并在任何我们想要的地方使用它，我们不仅限于控制台。