问如何使用javacscript和jquery在两个不同的输入字段中附加国家代码

EN

<div class="form-row">

    <div class="form-group col-md-6">
        <label for="contact1">SMS No.</label>
        <input type="tel" class="form-control" name="smsno" id="smsno" placeholder="Type contact1 number here...." pattern="[7-9]{1}[0-9]{9}" required />
        <div class="valid-feedback">Valid.</div>
        <div class="invalid-feedback">Please enter valid contact no.</div>
    </div>
    <div class="form-group col-md-6">
        <label for="contact2">WhatsApp No.</label>
        <input type="text" class="form-control" name="whtspno" id="whtspno" placeholder="Type contact2 number here...." pattern="[7-9]{1}[0-9]{9}" required />
        <div class="valid-feedback">Valid.</div>
        <div class="invalid-feedback">Please enter valid contact no.</div>
    </div>
</div>
<script src="{% static 'adminpanel/src/build/js/intlTelInput.js' %}"></script>
<script>
    (function() {
          'use strict';
          window.addEventListener('load', function() {
            // Get the forms we want to add validation styles to
            var forms = document.getElementsByClassName('needs-validation');
            // Loop over them and prevent submission
            var validation = Array.prototype.filter.call(forms, function(form) {
              form.addEventListener('submit', function(event) {
                if (form.checkValidity() === false) {
                  event.preventDefault();
                  event.stopPropagation();
                }
                form.classList.add('was-validated');
              }, false);
            });
          }, false);
        })();



        const phoneInputField = document.querySelector("#smsno");
        const phoneInputField2 = document.querySelector("#whtspno");
        const phoneInput = window.intlTelInput(phoneInputField, {
          
        });
        const phoneInput2 = window.intlTelInput(phoneInputField2, {
          
        }); 



        $(document).ready(function() {
          
          
          $('.iti__flag-container').click(function() { 
           
            var countryCode = $('.iti__selected-flag').attr('title');
            var countryCode = countryCode.replace(/[^0-9]/g,'');
            $('#smsno').val("");
            $('#smsno').val("+"+countryCode+" "+ $('#smsno').val());
            
         });
        
      });


        /*function country_code(){
          var val = document.getElementById("country").value;
          
          if (val === "select country"){
            document.getElementById("smsno").value = "";
          }
          else if(val === "us"){
            document.getElementById("smsno").value = "+1";
          }
          else if(val === "In"){
            document.getElementById("smsno").value = "+91";
          }
        }  */
</script>