如何使用jQuery更改下拉列表的选定值？

使用 jQuery，很容易编写一行代码来更改下拉列表中的选定值。假设您有一个 select 元素，您需要根据其值之一选择其选项之一。为了实现这一壮举，您可以使用各种方法，下面将解释其中的两种方法。

使用的函数：

• val()函数：它设置或返回被选元素的值属性。
• attr()函数：它设置或返回所选元素的属性和值。

示例 1：本示例使用 val()函数设置与传递值对应的选项。

      

    
        Change selected value
        of a drop-down list 
    
      
    
        div {
            width:15%;
            background-color:green;
            padding:8px;
            color:azure;
        }
    
      
    
    
      
    
        $(document).ready(()=>{
            $("#select").val('2');
        });     
    

  

    
        GeeksforGeeks courses:
  
                                                     
            System Design
            DSA-Online
            Fork Python
            Fork Java
         
    

  
                    

输出：

示例 2：本示例使用 attr()函数将所选属性分配给相应的选项。

      

    
        Change selected value
        of a drop-down list 
    
      
    
        div {
            width:15%;
            background-color:green;
            padding:8px;
            color:azure;
        }
    
      
    
    
      
    
        $(document).ready(()=>{
            $("#select option[value=3]").attr('selected', 'selected');
        });  
    

  

    
        GeeksforGeeks courses:
  
                                                     
            System Design
            DSA-Online
            Fork Python
            Fork Java
         
    

  
                    

输出：

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