javascript - Select2.js setting the default value to select box with array of input -

i wanted set default value select2 box

here data using

var countries = [     // africa     "algeria",     "angola",     "benin",     "botswana",     "burkina faso",     "burundi",     "cabo verde",     "cameroon",     "cape verde",     "central african republic",     "chad",     "comoros",     "congo",     "cote d'ivoire",     "djibouti",     "egypt",     "equatorial guinea",     "eritrea",     "ethiopia",     "gabon",     "gambia",     "ghana",     "guinea",     "guinea-bissau",     "ivory coast",     "kenya",     "lesotho",     "liberia",     "libya",     "madagascar",     "malawi",     "mali",     "mauritania",     "mauritius",     "morocco",     "mozambique",     "namibia",     "niger",     "nigeria",     "rwanda",     "sao tome , principe",     "senegal",     "seychelles",     "sierra leone",     "somalia",     "south africa",     "south sudan",     "sudan",     "swaziland",     "tanzania",     "togo",     "tunisia",     "uganda",     "zambia",     "zimbabwe",     // asia     "afghanistan",     "bahrain",     "bangladesh",     "bhutan",     "brunei",     "cambodia",     "china",     "timor-leste",     "india",     "indonesia",     "iran",     "iraq",     "israel",     "japan",     "jordan",     "kazakhstan",     "north korea",     "kuwait",     "kyrgyzstan",     "laos",     "lebanon",     "malaysia",     "maldives",     "mongolia",     "myanmar (burma)",     "nepal",     "oman",     "pakistan",     "palestine",     "philippines",     "qatar",     "russia",     "saudi arabia",     "singapore",     "south korea",     "sri lanka",     "syria",     "taiwan",     "tajikistan",     "thailand",     "turkey",     "turkmenistan",     "united arab emirates",     "dot emirates",     "uzbekistan",     "vietnam",     "yemen",     // europe     "albania",     "andorra",     "armenia",     "austria",     "azerbaijan",     "belarus",     "belgium",     "bosnia , herzegovina",     "bulgaria",     "croatia",     "cyprus",     "czech republic",     "denmark",     "estonia",     "finland",     "france",     "georgia",     "germany",     "greece",     "hungary",     "iceland",     "ireland",     "italy",     "kosovo",     "latvia",     "liechtenstein",     "lithuania",     "luxembourg",     "macedonia",     "malta",     "moldova",     "monaco",     "montenegro",     "netherlands",     "norway",     "poland",     "portugal",     "romania",     "san marino",     "serbia",     "slovakia",     "slovenia",     "spain",     "sweden",     "switzerland",     "ukraine",     "united kingdom (uk)",     "vatican city (holy see)",     // north america     "antigua , barbuda",     "bahamas",     "barbados",     "belize",     "canada",     "costa rica",     "cuba",     "dominica",     "dominican republic",     "el salvador",     "grenada",     "guatemala",     "haiti",     "honduras",     "jamaica",     "mexico",     "nicaragua",     "panama",     "st. kitts , nevis",     "st. lucia",     "st. vincent , grenadines",     "trinidad , tobago",     "united states of america (usa)",     // oceania     "australia",     "fiji",     "kiribati",     "marshall islands",     "micronesia",     "nauru",     "new zealand",     "palau",     "papua new guinea",     "samoa",     "solomon islands",     "tonga",     "tuvalu",     "vanuatu",     // south america     "argentina",     "bolivia",     "brazil",     "chile",     "colombia",     "ecuador",     "guyana",     "paraguay",     "peru",     "suriname",     "uruguay",     "venezuela" ]; 

and trying below

$("#nationality").select2({      data:countries, }).select2("val", $('#nationalityvalue').val()); 

it not working. can me this?

thanks in advance

please try with

$("#nationality").select2({    data:countries, }); $("#nationality").val($('#nationalityvalue').val()).trigger("change"); 

please check working snippet below :

var countries = [      // africa      "algeria",      "angola",      "benin",      "botswana",      "burkina faso",      "burundi",      "cabo verde",      "cameroon",      "cape verde",      "central african republic",      "chad",      "comoros",      "congo",      "cote d'ivoire",      "djibouti",      "egypt",      "equatorial guinea",      "eritrea",      "ethiopia",      "gabon",      "gambia",      "ghana",      "guinea",      "guinea-bissau",      "ivory coast",      "kenya",      "lesotho",      "liberia",      "libya",      "madagascar",      "malawi",      "mali",      "mauritania",      "mauritius",      "morocco",      "mozambique",      "namibia",      "niger",      "nigeria",      "rwanda",      "sao tome , principe",      "senegal",      "seychelles",      "sierra leone",      "somalia",      "south africa",      "south sudan",      "sudan",      "swaziland",      "tanzania",      "togo",      "tunisia",      "uganda",      "zambia",      "zimbabwe",      // asia      "afghanistan",      "bahrain",      "bangladesh",      "bhutan",      "brunei",      "cambodia",      "china",      "timor-leste",      "india",      "indonesia",      "iran",      "iraq",      "israel",      "japan",      "jordan",      "kazakhstan",      "north korea",      "kuwait",      "kyrgyzstan",      "laos",      "lebanon",      "malaysia",      "maldives",      "mongolia",      "myanmar (burma)",      "nepal",      "oman",      "pakistan",      "palestine",      "philippines",      "qatar",      "russia",      "saudi arabia",      "singapore",      "south korea",      "sri lanka",      "syria",      "taiwan",      "tajikistan",      "thailand",      "turkey",      "turkmenistan",      "united arab emirates",      "dot emirates",      "uzbekistan",      "vietnam",      "yemen",      // europe      "albania",      "andorra",      "armenia",      "austria",      "azerbaijan",      "belarus",      "belgium",      "bosnia , herzegovina",      "bulgaria",      "croatia",      "cyprus",      "czech republic",      "denmark",      "estonia",      "finland",      "france",      "georgia",      "germany",      "greece",      "hungary",      "iceland",      "ireland",      "italy",      "kosovo",      "latvia",      "liechtenstein",      "lithuania",      "luxembourg",      "macedonia",      "malta",      "moldova",      "monaco",      "montenegro",      "netherlands",      "norway",      "poland",      "portugal",      "romania",      "san marino",      "serbia",      "slovakia",      "slovenia",      "spain",      "sweden",      "switzerland",      "ukraine",      "united kingdom (uk)",      "vatican city (holy see)",      // north america      "antigua , barbuda",      "bahamas",      "barbados",      "belize",      "canada",      "costa rica",      "cuba",      "dominica",      "dominican republic",      "el salvador",      "grenada",      "guatemala",      "haiti",      "honduras",      "jamaica",      "mexico",      "nicaragua",      "panama",      "st. kitts , nevis",      "st. lucia",      "st. vincent , grenadines",      "trinidad , tobago",      "united states of america (usa)",      // oceania      "australia",      "fiji",      "kiribati",      "marshall islands",      "micronesia",      "nauru",      "new zealand",      "palau",      "papua new guinea",      "samoa",      "solomon islands",      "tonga",      "tuvalu",      "vanuatu",      // south america      "argentina",      "bolivia",      "brazil",      "chile",      "colombia",      "ecuador",      "guyana",      "paraguay",      "peru",      "suriname",      "uruguay",      "venezuela"  ];  $("#nationality").select2({    data: countries  });  $("#nationality").val($('#nationalityvalue').val()).trigger("change");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />  <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>  <select id="nationality"></select>    <input type="text" id="nationalityvalue" value="guyana"/>