uzbekdev1
diff --git a/‎.gitignore/css/intlTelInput.css
+928 b/‎.gitignore/css/intlTelInput.css
+928
diff --git a/‎.gitignore/css/intlTelInput.min.css
+1 b/‎.gitignore/css/intlTelInput.min.css
+1
diff --git a/‎.gitignore/img/flags.png
69.2 KB b/‎.gitignore/img/flags.png
69.2 KB
diff --git a/‎.gitignore/img/[email protected]
170 KB b/‎.gitignore/img/[email protected]
170 KB
diff --git a/‎.gitignore/index.html
+72 b/‎.gitignore/index.html
+72
diff --git a/‎.gitignore/js/intlTelInput-jquery.js
+1,377 b/‎.gitignore/js/intlTelInput-jquery.js
+1,377
diff --git a/‎.gitignore/js/intlTelInput-jquery.min.js
+8 b/‎.gitignore/js/intlTelInput-jquery.min.js
+8
diff --git a/‎.gitignore/js/intlTelInput.js
+1,348 b/‎.gitignore/js/intlTelInput.js
+1,348
diff --git a/‎.gitignore/js/intlTelInput.min.js
+8 b/‎.gitignore/js/intlTelInput.min.js
+8
diff --git a/‎.gitignore/js/utils.js
+493 b/‎.gitignore/js/utils.js
+493
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>Example: Country sync</title>
+  <link rel="stylesheet" href="css/intlTelInput.min.css">
+  <style>
+    input,
+    label {
+      display: block;
+    }
+
+    input,
+    select,
+    label {
+      margin: 5px 0;
+    }
+
+    .form-item {
+      margin-bottom: 20px;
+    }
+  </style>
+</head>
+
+<body>
+  <div id="result">
+    <div class="form-item">
+      <label>Phone</label>
+      <input id="phone" type="tel">
+    </div>
+    <div class="form-item">
+      <label>Country</label>
+      <select id="country"></select>
+    </div>
+  </div>
+  <script src="js/intlTelInput.min.js"></script>
+  <script>
+    var defaultCountry = "ae";
+    var countryItems = ["ae", "bh", "kw", "om", "qa", "sa"];
+    var countryData = window.intlTelInputGlobals.getCountryData().filter((item) => countryItems.find(a => a == item.iso2));
+    var phoneInput = document.querySelector("#phone");
+    var countryDropdown = document.querySelector("#country");
+    var iti = window.intlTelInput(phoneInput, {
+      initialCountry: defaultCountry,
+      separateDialCode: true,
+      onlyCountries: countryItems,
+      utilsScript: "js/utils.js"
+    });
+
+    for (var i = 0; i < countryData.length; i++) {
+      var country = countryData[i];
+      var optionNode = document.createElement("option");
+      optionNode.value = country.iso2;
+      var textNode = document.createTextNode(country.name);
+      optionNode.appendChild(textNode);
+      countryDropdown.appendChild(optionNode);
+    }
+    countryDropdown.value = defaultCountry;
+
+    phoneInput.addEventListener('countrychange', function (e) {
+      countryDropdown.value = iti.getSelectedCountryData().iso2;
+    });
+
+    countryDropdown.addEventListener('change', function (e) {
+      iti.setCountry(this.value);
+    });
+
+  </script>
+</body>
+
+</html>