Javascript 如何绑定国家/地区更改国际电话输入

我正在使用国家代码插件名称 这是我的演示页面 在页面中，我想在国家/地区选择更改时清空手机输入字段

<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 (&#8235;الجزائر&#8236;&lrm;): +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>

及 下面的代码将使电话文件值为空时，点击，但我希望它为空后，选择另一个国家的项目完成

---

但它不起作用

有一种固有的方式来约束国家变化：

---

有一种固有的方式来约束国家/地区的变化：

---

把零钱绑在div上$函数{$phone.bind'change'，functionevent{$'phone.val}；}//在id上绑定时不起作用。由于方法错误，您试图在select上绑定更改，但尝试在div或phone上绑定selectbind change，您应该在div上绑定selectbind change$函数{$phone.bind'change'，functionevent{$'phone.val}；}//在id上绑定时不起作用。由于方法错误，您尝试在select上绑定更改，但尝试绑定div或phone，请在回答中添加一些解释，以便其他人可以从中学习。请在回答中添加一些解释，以便其他人可以从中学习

$(".iti__selected-flag").bind('change', function(event) {
         $('#phone').val('')
      });

$(function(){
      $("#phone").bind('change', function(event) {
         $('#phone').val('')
      });
    })

var input = $("#phone");
input.intlTelInput();

input.on("countrychange", function() {
  input.val('')
});

var input = document.querySelector("#phone1");        
   window.intlTelInput(input, {        
     initialCountry: "In", //change according to your own country.      
     utilsScript: "assets/js/utils.js",        
});