如何使用jQuery从下拉列表中获取选定的文本？

我们可以选择文本，也可以使用option:selected属性或使用 jQuery 中的val() 方法在下拉列表中找到文本的位置。

通过使用 val() 方法：
val()方法是 jQuery 中的一个内置方法，用于返回或设置所选元素的属性值。

句法 ：

$(selector).val(parameter)

参数：参数是可选的。

例子 ：

    jQuery Selector


    
        $(document).ready(function() {
            $("#submit").click(function() {
                alert($("#myselection").val());
            });
        });
    
    
        div {
            width: 50%;
            height: 200px;
            padding: 10px;
            border: 2px solid green;
        }
    

  

    
  
        The selected value:
        
            First
            Second
        
        
        
        Submit
  
    

输出 ：
在点击按钮之前。

点击按钮后。

通过使用 option:selected ：
option:selected方法是 jQuery 中的一种方法，用于从元素列表中返回所选元素。

句法 ：

$("#selector option:selected");

参数：不需要参数。

例子 ：

    jQuery Selector


  
    
        $(document).ready(function() {
            $("#submit").click(function() {
                var value = $("#myselection option:selected");
                alert(value.text());
            });
        });
    
    
        div {
            width: 50%;
            height: 200px;
            padding: 10px;
            border: 2px solid green;
        }
    

  

    
  
        The selected value:
        
            First
            Second
        
        
        
        Submit
  
    

输出 ：
在点击按钮之前。

点击按钮后。

jQuery 是一个开源 JavaScript 库，它简化了 HTML/CSS 文档之间的交互，它以其“少写，多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。