Question

我有一个国家选择和电话输入感觉我用于电话输入以允许国际前缀选择

现在我需要更改表单的行为

用户选择国家后，我无法选择其他国际县代码

我找到了一种方法来更改输入电话输入输入中的选择国家/地区代码，但无法找到删除其他国家/地区代码或禁用部分的方法

$('#country').on('change', function(){
    var countrycode = $('#country option:selected').data('countryc');
    telInput1.intlTelInput("onlyCountries", [countrycode]); // doesn't work
    telInput1.intlTelInput("setCountry", countrycode);
});

link to plugin

Answer 1

插件只在初始化时才采用选项，之后，它只接受它自己的公共方法。

要动态更改选项，您需要销毁实例并重新初始化它 - 这将清除所有当前选项并完全声明状态。（注意：您可以通过在销毁实例并将其用作destroy选项之前将其存储在变量中来保留用户选择的国家/地区）

要执行我所描述的操作，请使用公共方法telInput1.intlTelInput('destroy').intlTelInput({'onlyCountries': [countrycode]})（详情了解Picture Titles | Facebook处的公共方法）

尝试在javascript中使用以下代码来处理此用例：

telInput1

请记住，ABC10001 ABC10002 ABC10003 ABC10004 ABC10005必须是jQuery对象，而不是javascript对象。

选择更改的int-tel-input限制下拉国家

1 个答案: