プラグインのための国の同期で国際電話の入力が機能しない

Question

私はintlTelInputの電話のために&のモバイルフィールドasp.net webformウェブサイトを使用しています。現時点では

私は今、私はそれが自動的に選択し、ユーザーが国を選択したときになるように国のドロップダウンでそれを同期しようとしています。このexample

var input = $("#ContentPlaceHolder1_txtPhone"), output = $("#output"); 
      var country = $("#ContentPlaceHolder1_ddCountry"); 

      input.intlTelInput({ 
       preferredCountries: ['ae'], 
       autoHideDialCode: true, 
       nationalMode: false, 
       utilsScript: "../../Scripts/phone/js/utils.js" // just for formatting/placeholders etc 
      }); 

にショーなどの基本的なプラグインとしてそれを使用しています電話フィールド&電話フィールドの国とWebフォームのモバイルフィールド。

私は場所コードを持って

var countryData = $.fn.intlTelInput.getCountryData(), 
       telInput = $("#ContentPlaceHolder1_txtPhone"), 
       addressDropdown = $("#ContentPlaceHolder1_ddCountry"); 

      // set it's initial value 
      //var initialCountry = telInput.intlTelInput("getSelectedCountryData").iso2; 
      //addressDropdown.val(initialCountry); 
      // listen to the telephone input for changes 
      telInput.on("countrychange", function (e, countryData) { 
       addressDropdown.val(countryData.iso2); 
      }); 
      // listen to the address dropdown for changes 
      addressDropdown.change(function() { 
       telInput.intlTelInput("setCountry", $(this).val()); 
      }); 

をしようとしたコードは、どちらか、それはプラグインまたはそれdownt仕事を破る

http://intl-tel-input.com/node_modules/intl-tel-input/examples/gen/country-sync.html

私はこの例を使用しようとしましたが、それは動作していませんcodepen http://codepen.io/anon/pen/wgzppgにあります。

私はどこが間違っているのか分かりません。私は運がなくても何も試してみませんでした。

データベースのテーブルから国のドロップダウンのデータをプルするのではなく、どこかで問題が発生している可能性があります。国コードも一致しています。

Answer 1

私はこの問題は、大文字でCOUNTRYCODEを取得し、小文字に問題

ワーキングサンプルhttp://codepen.io/anon/pen/BpLJEZ?editors=1010

<div class="col-xs-12 col-sm-12 col-md-6"> 
    <label class="cf-label">Country*</label> 
    <select name="ctl00$ContentPlaceHolder1$ddCountry" id="ContentPlaceHolder1_ddCountry" class="form-control ddCountry styled-select"> 
    <option value="af">Afghanistan</option> 
    <option value="ax">Åland Islands</option> 
    <option value="al">Albania</option> 
    <option value="dz">Algeria</option> 
    <option value="as">American Samoa</option> 
    <option value="ad">Andorra</option> 
    <option value="ao">Angola</option> 
    <option value="ai">Anguilla</option> 
    <option value="aq">Antarctica</option> 
    <option value="ag">Antigua And Barbuda</option> 
    <option value="ar">Argentina</option> 
    <option value="am">Armenia</option> 
    <option value="aw">Aruba</option> 
    <option value="au">Australia</option> 
    <option value="at">Austria</option> 
    <option value="az">Azerbaijan</option> 
    <option value="bs">Bahamas</option> 
    <option value="bh">Bahrain</option> 
    <option value="bd">Bangladesh</option> 
</select> 
    <span data-val-controltovalidate="ContentPlaceHolder1_ddCountry" data-val-errormessage="*" data-val-display="Dynamic" data-val-validationgroup="vgDonationtForm" id="ContentPlaceHolder1_rfCountry" class="CssValidator" data-val="true" data-val-evaluationfunction="RequiredFieldValidatorEvaluateIsValid" 
    data-val-initialvalue="-- Select --" style="display:none;">*</span> 
</div> 

<div class="col-xs-12 col-sm-12 col-md-6"> 
    <label class="label">Mobile Number *</label> 
<input name="ctl00$ContentPlaceHolder1$txtPhone" id="ContentPlaceHolder1_txtPhone" class="rg-txt rg-phone-txt form-control cf-input" autocomplete="off" placeholder="+971 50 123 4567" type="text"> 
</div> 

を固定しているように見えたことを変えたようCOUNTRYCODEであると思われる、それを解決しました