单击功能上的jQuery重置输入字段

时间:2018-08-21 13:58:45

标签: jquery

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

我遇到的一个问题是,如果用户在输入金额后改变了主意,则清除输入字段。如果用户返回到主要内容并选择另一种存款方法,则当她单击新方法的空金额字段并开始输入时,将填充先前的金额,并追加任何新输入的内容。 (即25.00变为250.25)。显然这不是最佳的。我已经设置了fiddle用于演示。

我要执行的操作是,如果用户单击存款方法上的“更改”选项,则清除在输入字段中输入的值。

$('.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”。

我认为自己走在正确的轨道上,但是也许我没有针对写元素?

1 个答案:

答案 0 :(得分:1)

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

第一:即使输入是单眼可见的,您也不能给它们相同的id,所以请对其进行更改。

第二:您试图选择input[type"text"],但是所有输入中都包含type="tel"。尝试先修复它们,然后让我们知道。

编辑 我发现了真正的问题,上面的内容也很重要,但是您的问题是input变量:只需将其设置为全局变量,然后使用input字段将其重置。

Here your JSFiddle edited