如何使用 jQuery 将选定值重置为默认值？

任务是在 jQuery 的帮助下将 select 元素的值重置为其默认值。下面讨论两种方法：
方法 1：首先使用 jQuery 选择器选择选项，然后使用prop() 方法访问其属性。如果选择了该属性，则使用defaultSelected 属性返回默认值。

• 例子：

html

 

    
        Reset select value to
        default with JQuery
    
 
    
    

 

 
    
        GeeksForGeeks
    
 
    
 
 
    
        GFG_1
        
            GFG_2
        
        GFG_3
    
 
    
        Click Here
    
     
    
 
 
    
        var el_up = document.getElementById('GFG_UP');
        var el_down = document.getElementById('GFG_DOWN');
        el_up.innerHTML = "Select a different option "
                + "and then click on the button to "
                + "perform the operation";
                 
        function GFG_Fun() {
            $('#select option').prop('selected', function () {
                return this.defaultSelected;
            });
            el_down.innerHTML = "Default selected";
        }
    

 

• 输出：

方法 2：首先，使用 jQuery 选择器选择选项，然后使用each() 方法访问其属性。如果选择了属性，则通过defaultSelected 属性返回默认值。

• 例子：

html

 

    
        Reset select value to
        default with JQuery
    
 
    
    

 

 
    
        GeeksForGeeks
    
 
    
 
 
    
        GFG_1
        
            GFG_2
        
        GFG_3
    
 
    
        Click Here
    
 
    
 
 
    
        var el_up = document.getElementById('GFG_UP');
        var el_down = document.getElementById('GFG_DOWN');
        el_up.innerHTML = "Select a different option "
                + "and then click on the button to "
                + "perform the operation";
                 
        function GFG_Fun() {
            $('#select option').each(function () {
                if (this.defaultSelected) {
                    this.selected = true;
                    return false;
                }
            });
            el_down.innerHTML = "Default selected";
        }
    

 

• 输出：

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