从输入文本框中清除（或更改）输入掩码（使用 Jasny）答案

【问题标题】：Clear (or change) input mask from input textbox (Using Jasny)从输入文本框中清除（或更改）输入掩码（使用 Jasny）
【发布时间】：2015-06-16 14:04:03
【问题描述】：

我希望根据选择列表中选择的值更改文本框上的输入掩码。代码是：

$(document).ready(function () {
    $("#searchList").change(function () {
        $("#searchCriteria").val("");

        var value = $(this).find("option:selected").val();

        switch (value) {
            case "2":
                $("#searchCriteria").inputmask({ mask: '999999', placeholder: '' });
               break;
            default:
                alert('default'); // this alert pops up.
                $("#searchCriteria") ///I want to clear the mask here.
        }
    });
});

我试过了

$("#searchCriteria").unmask();

但得到“Uncaught TypeError: $(...).unmask is not a function”错误。

文档说“？”说'后面的任何字符都将变为可选'所以我尝试了 $("#searchCriteria").inputmask({ mask: '?', placeholder: '' });

没有成功。

似乎一旦设置了掩码，就无法更改或清除它，但我相信有办法。

我也试过 $("#searchCriteria").unbind();

它清除了掩码，但不会将其设置为其他任何内容。

编辑：我不拘泥于使用 Jasny，欢迎任何其他建议:)

我要满足的要求是“根据下拉列表中的选择更改输入文本框上的输入掩码”。

【问题讨论】：

使用$("#searchCriteria").empty()清除所有子元素
没用，还是保留了掩码。

标签： javascript jquery jasny-bootstrap

【解决方案1】：

从这个 SO 问题中找到答案：

How can I "reset" <div> to its original state after it has been modified by JavaScript?

本质上，将克隆的状态存储在一个变量中，并在重新分配掩码之前使用该变量将元素恢复到其原始状态。

代码现在看起来像这样，switch 语句已经消失，但这是一个不相关的原因：

$(document).ready(function () {

    var searchCriteriaClone = $("#searchCriteria").clone();

    $("#searchList").change(function () {
        $("#searchCriteria").val("");
        $("#searchCriteria").replaceWith(searchCriteriaClone.clone());

        var value = $(this).find("option:selected").val();

        if (value === "2") {
            $("#searchCriteria").inputmask({ mask: "999999", placeholder: "" });
        }
    });
});

【讨论】：

【解决方案2】：

试试

$("#searchCriteria").trigger("unmask");

【讨论】：