时间戳

首页 > 解决方案 > 点击功能上的jQuery重置输入字段

jquery - 点击功能上的jQuery重置输入字段

问题描述

我正在处理存款表格。该表格有一个主要内容部分，用户可以在其中从多种不同的存款形式中进行选择。每种不同的存款形式都会运行一个脚本，将货币从左到右自动格式化为 0.00，因此如果用户存入 25 美元，他们将输入 2500 并且输入字段显示 25.00。

如果用户在输入金额后改变了对存款方式的想法，我遇到的问题是清除输入字段。如果用户返回主要内容并选择另一种存款方式，当她单击新方法的空白金额字段并开始输入时，会填充先前的金额并附加任何新输入的内容。（即 25.00 变为 250.25）。显然这不是最优的。我为演示目的设置了一个小提琴。

如果用户单击存款方式上的“更改”选项，我想要做的是清除输入字段中输入的值。

$('.back-txt').click(function() {
    $('#main-content').show();
    $('#ach-content, #other-content1, #other-content2').hide();
    $('.titletext').html("Choose A Deposit Method");
        // Clearing input
        $("input[type='text']").val('');
});

我尝试了多种变体：

$("input[type='text']").val('');

包括仅针对输入、“#amount”和“.mib”类。

我认为我在正确的轨道上，但也许我没有针对 write 元素？

标签： jquery

解决方案

我在您的代码中看到 2 个主要问题：

第一：即使输入是单独可见的，你也不能给它们相同的id，所以改变它。

第二：您正在尝试选择input[type"text"]，但您type="tel"在所有输入中都有。先尝试修复它们，然后告诉我们。

编辑 我发现了真正的问题，以上内容也很重要，但你的问题是input变量：让它全局化，然后用input字段重置它。

在这里你的 JSFiddle 编辑

推荐阅读