jQuery 表单清除脚本无法识别下拉菜单

Posted 2023-05-09

【中文标题】jQuery 表单清除脚本无法识别下拉菜单

【英文标题】：jQuery Form Clear Script Failing to Recognize Dropdowns

【发布时间】：2019-08-27 22:55:24

【问题描述】：

我需要在不重新启动页面的情况下清除页面上的多个表单。 我正在使用以下脚本。但是，您不能以这种方式引用“选择”。 我将如何重置我的单选下拉菜单？

$(':input','#CreditForm','#ProxyForm','#AppIDForm').each(function()

    switch(this.type)
    
        case "text":
        case "textarea":
        case "hidden":
        
           this.value = ''; break;
        
        case "radio":
        case "checkbox":
        
            this.checked=false; break;
        
        case "select":
        
            $(this).prop("selectedIndex", 0); break;
        
        case "file":
        
            $(this).value = ""; break;
        
    
);

【问题讨论】：

不能使用reset()？

您必须将您的case 更改为select。 this.type 对于单个 select 和 select-multiple 返回 select-one，如果您使用多个 select。

重置不会清除表单。它回到初始值，在这种情况下这是有问题的..

@Atal Prateek - 就是这样！ select-one 成功了。发布为答案，我会选择它。

【参考方案1】：

您必须将您的case 更改为select。 this.type 返回 select-one 用于单个 select 和 select-multiple 如果您使用多个 select。

$(':input','#CreditForm','#ProxyForm','#AppIDForm').each(function()

    switch(this.type)
    
        case "text":
        case "textarea":
        case "hidden":
        
           this.value = ''; break;
        
        case "radio":
        case "checkbox":
        
            this.checked=false; break;
        
        case "select-one":
        
            $(this).prop("selectedIndex", 0); break;
        
        case "file":
        
            $(this).value = ""; break;
        
    
);