我使用国家代码插件名称 intlTelInput.js (这是我的演示页面) 在页面中,当国家/地区选择更改时,我想清空手机(输入字段)
<div class="demo">
<h3>Demo</h3>
<div class="iti iti--allow-dropdown">
<div class="iti__flag-container">
<div class="iti__selected-flag" role="combobox" aria-owns="country-listbox" tabindex="0"
title="Algeria (‫الجزائر‬‎): +213">
<div class="iti__flag iti__dz"></div>
<div class="iti__arrow"></div>
</div>
</div><input type="tel" id="phone" class="form-control" autocomplete="off" data-intl-tel-input-id="0"
placeholder="0551 23 45 67">
</div>
</div>
我尝试过:
$(".iti__selected-flag").bind('change', function(event) {
$('#phone').val('')
});
还有 下面的代码将使电话字段值为空(当单击时,但我希望在选择另一个国家/地区项目完成后它为空)
$(function(){
$("#phone").bind('change', function(event) {
$('#phone').val('')
});
})
但它不起作用
最佳答案
有一种本地方式可以绑定(bind)国家/地区更改 intl-tel-input :
var input = $("#phone");
input.intlTelInput();
input.on("countrychange", function() {
input.val('')
});
关于javascript - 如何绑定(bind)国家/地区更改国际电话输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60034134/