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

【问题标题】：jQuery Form Clear Script Failing to Recognize DropdownsjQuery 表单清除脚本无法识别下拉菜单
【发布时间】：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 成功了。发布为答案，我会选择它。

标签： jquery html forms select

【解决方案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;
        }
    }
});

【讨论】：