如何从 jQuery 的下拉菜单中获取选定的选项？

在本文中，我们将学习如何从下拉列表中获取选定的选项。本文需要对 HTML、CSS、JavaScript 和 jQuery 有一定的了解。我们可以通过使用 jQuery val() 方法来解决这个挑战。

jQuery 中的val() 方法用于设置或返回所选元素的属性值。此方法适用于 HTML 表单元素。

句法：

$(selector).val()   // or
$(selector).val(value)  // or
$(selector).val(function(index, current_value))

此方法返回由 val() 方法进行的指定更改的选定元素。

例子：

HTML

  

    
        How to get selected option from 
        Dropdown list using jQuery?
    
  
    
  
    
    

  

    
        
            GeeksforGeeks
        
    
  
    
          
        Select Language
        C
        Java
        Python
    
  
    
    

  

    $('#lang').on('input', function () {
        $('#show').text($('#lang').val());
    })

  

输出：

输出

它是如何工作的？

每当您从下拉列表中选择一个项目时，它会同时显示在下拉列表下方。