HTML HTML：下拉菜单的国家/地区列表

Posted 2021-05-24

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML HTML：下拉菜单的国家/地区列表相关的知识，希望对你有一定的参考价值。

&lt;select data-placeholder=&quot;Choose a Country...&quot; class=&quot;chzn-select&quot; multiple style=&quot;width:350px;&quot; tabindex=&quot;4&quot;&gt;
  &lt;option value=&quot;&quot;&gt;&lt;/option&gt; 
  &lt;option value=&quot;United States&quot;&gt;United States&lt;/option&gt; 
  &lt;option value=&quot;United Kingdom&quot;&gt;United Kingdom&lt;/option&gt; 
  &lt;option value=&quot;Afghanistan&quot;&gt;Afghanistan&lt;/option&gt; 
  &lt;option value=&quot;Albania&quot;&gt;Albania&lt;/option&gt; 
  &lt;option value=&quot;Algeria&quot;&gt;Algeria&lt;/option&gt; 
  &lt;option value=&quot;American Samoa&quot;&gt;American Samoa&lt;/option&gt; 
  &lt;option value=&quot;Andorra&quot;&gt;Andorra&lt;/option&gt; 
  &lt;option value=&quot;Angola&quot;&gt;Angola&lt;/option&gt; 
  &lt;option value=&quot;Anguilla&quot;&gt;Anguilla&lt;/option&gt; 
  &lt;option value=&quot;Antarctica&quot;&gt;Antarctica&lt;/option&gt; 
  &lt;option value=&quot;Antigua and Barbuda&quot;&gt;Antigua and Barbuda&lt;/option&gt; 
  &lt;option value=&quot;Argentina&quot;&gt;Argentina&lt;/option&gt; 
  &lt;option value=&quot;Armenia&quot;&gt;Armenia&lt;/option&gt; 
  &lt;option value=&quot;Aruba&quot;&gt;Aruba&lt;/option&gt; 
  &lt;option value=&quot;Australia&quot;&gt;Australia&lt;/option&gt; 
  &lt;option value=&quot;Austria&quot;&gt;Austria&lt;/option&gt; 
  &lt;option value=&quot;Azerbaijan&quot;&gt;Azerbaijan&lt;/option&gt; 
  &lt;option value=&quot;Bahamas&quot;&gt;Bahamas&lt;/option&gt; 
  &lt;option value=&quot;Bahrain&quot;&gt;Bahrain&lt;/option&gt; 
  &lt;option value=&quot;Bangladesh&quot;&gt;Bangladesh&lt;/option&gt; 
  &lt;option value=&quot;Barbados&quot;&gt;Barbados&lt;/option&gt; 
  &lt;option value=&quot;Belarus&quot;&gt;Belarus&lt;/option&gt; 
  &lt;option value=&quot;Belgium&quot;&gt;Belgium&lt;/option&gt; 
  &lt;option value=&quot;Belize&quot;&gt;Belize&lt;/option&gt; 
  &lt;option value=&quot;Benin&quot;&gt;Benin&lt;/option&gt; 
  &lt;option value=&quot;Bermuda&quot;&gt;Bermuda&lt;/option&gt; 
  &lt;option value=&quot;Bhutan&quot;&gt;Bhutan&lt;/option&gt; 
  &lt;option value=&quot;Bolivia&quot;&gt;Bolivia&lt;/option&gt; 
  &lt;option value=&quot;Bosnia and Herzegovina&quot;&gt;Bosnia and Herzegovina&lt;/option&gt; 
  &lt;option value=&quot;Botswana&quot;&gt;Botswana&lt;/option&gt; 
  &lt;option value=&quot;Bouvet Island&quot;&gt;Bouvet Island&lt;/option&gt; 
  &lt;option value=&quot;Brazil&quot;&gt;Brazil&lt;/option&gt; 
  &lt;option value=&quot;British Indian Ocean Territory&quot;&gt;British Indian Ocean Territory&lt;/option&gt; 
  &lt;option value=&quot;Brunei Darussalam&quot;&gt;Brunei Darussalam&lt;/option&gt; 
  &lt;option value=&quot;Bulgaria&quot;&gt;Bulgaria&lt;/option&gt; 
  &lt;option value=&quot;Burkina Faso&quot;&gt;Burkina Faso&lt;/option&gt; 
  &lt;option value=&quot;Burundi&quot;&gt;Burundi&lt;/option&gt; 
  &lt;option value=&quot;Cambodia&quot;&gt;Cambodia&lt;/option&gt; 
  &lt;option value=&quot;Cameroon&quot;&gt;Cameroon&lt;/option&gt; 
  &lt;option value=&quot;Canada&quot;&gt;Canada&lt;/option&gt; 
  &lt;option value=&quot;Cape Verde&quot;&gt;Cape Verde&lt;/option&gt; 
  &lt;option value=&quot;Cayman Islands&quot;&gt;Cayman Islands&lt;/option&gt; 
  &lt;option value=&quot;Central African Republic&quot;&gt;Central African Republic&lt;/option&gt; 
  &lt;option value=&quot;Chad&quot;&gt;Chad&lt;/option&gt; 
  &lt;option value=&quot;Chile&quot;&gt;Chile&lt;/option&gt; 
  &lt;option value=&quot;China&quot;&gt;China&lt;/option&gt; 
  &lt;option value=&quot;Christmas Island&quot;&gt;Christmas Island&lt;/option&gt; 
  &lt;option value=&quot;Cocos (Keeling) Islands&quot;&gt;Cocos (Keeling) Islands&lt;/option&gt; 
  &lt;option value=&quot;Colombia&quot;&gt;Colombia&lt;/option&gt; 
  &lt;option value=&quot;Comoros&quot;&gt;Comoros&lt;/option&gt; 
  &lt;option value=&quot;Congo&quot;&gt;Congo&lt;/option&gt; 
  &lt;option value=&quot;Congo, The Democratic Republic of The&quot;&gt;Congo, The Democratic Republic of The&lt;/option&gt; 
  &lt;option value=&quot;Cook Islands&quot;&gt;Cook Islands&lt;/option&gt; 
  &lt;option value=&quot;Costa Rica&quot;&gt;Costa Rica&lt;/option&gt; 
  &lt;option value=&quot;Cote D'ivoire&quot;&gt;Cote D'ivoire&lt;/option&gt; 
  &lt;option value=&quot;Croatia&quot;&gt;Croatia&lt;/option&gt; 
  &lt;option value=&quot;Cuba&quot;&gt;Cuba&lt;/option&gt; 
  &lt;option value=&quot;Cyprus&quot;&gt;Cyprus&lt;/option&gt; 
  &lt;option value=&quot;Czech Republic&quot;&gt;Czech Republic&lt;/option&gt; 
  &lt;option value=&quot;Denmark&quot;&gt;Denmark&lt;/option&gt; 
  &lt;option value=&quot;Djibouti&quot;&gt;Djibouti&lt;/option&gt; 
  &lt;option value=&quot;Dominica&quot;&gt;Dominica&lt;/option&gt; 
  &lt;option value=&quot;Dominican Republic&quot;&gt;Dominican Republic&lt;/option&gt; 
  &lt;option value=&quot;Ecuador&quot;&gt;Ecuador&lt;/option&gt; 
  &lt;option value=&quot;Egypt&quot;&gt;Egypt&lt;/option&gt; 
  &lt;option value=&quot;El Salvador&quot;&gt;El Salvador&lt;/option&gt; 
  &lt;option value=&quot;Equatorial Guinea&quot;&gt;Equatorial Guinea&lt;/option&gt; 
  &lt;option value=&quot;Eritrea&quot;&gt;Eritrea&lt;/option&gt; 
  &lt;option value=&quot;Estonia&quot;&gt;Estonia&lt;/option&gt; 
  &lt;option value=&quot;Ethiopia&quot;&gt;Ethiopia&lt;/option&gt; 
  &lt;option value=&quot;Falkland Islands (Malvinas)&quot;&gt;Falkland Islands (Malvinas)&lt;/option&gt; 
  &lt;option value=&quot;Faroe Islands&quot;&gt;Faroe Islands&lt;/option&gt; 
  &lt;option value=&quot;Fiji&quot;&gt;Fiji&lt;/option&gt; 
  &lt;option value=&quot;Finland&quot;&gt;Finland&lt;/option&gt; 
  &lt;option value=&quot;France&quot;&gt;France&lt;/option&gt; 
  &lt;option value=&quot;French Guiana&quot;&gt;French Guiana&lt;/option&gt; 
  &lt;option value=&quot;French Polynesia&quot;&gt;French Polynesia&lt;/option&gt; 
  &lt;option value=&quot;French Southern Territories&quot;&gt;French Southern Territories&lt;/option&gt; 
  &lt;option value=&quot;Gabon&quot;&gt;Gabon&lt;/option&gt; 
  &lt;option value=&quot;Gambia&quot;&gt;Gambia&lt;/option&gt; 
  &lt;option value=&quot;Georgia&quot;&gt;Georgia&lt;/option&gt; 
  &lt;option value=&quot;Germany&quot;&gt;Germany&lt;/option&gt; 
  &lt;option value=&quot;Ghana&quot;&gt;Ghana&lt;/option&gt; 
  &lt;option value=&quot;Gibraltar&quot;&gt;Gibraltar&lt;/option&gt; 
  &lt;option value=&quot;Greece&quot;&gt;Greece&lt;/option&gt; 
  &lt;option value=&quot;Greenland&quot;&gt;Greenland&lt;/option&gt; 
  &lt;option value=&quot;Grenada&quot;&gt;Grenada&lt;/option&gt; 
  &lt;option value=&quot;Guadeloupe&quot;&gt;Guadeloupe&lt;/option&gt; 
  &lt;option value=&quot;Guam&quot;&gt;Guam&lt;/option&gt; 
  &lt;option value=&quot;Guatemala&quot;&gt;Guatemala&lt;/option&gt; 
  &lt;option value=&quot;Guinea&quot;&gt;Guinea&lt;/option&gt; 
  &lt;option value=&quot;Guinea-bissau&quot;&gt;Guinea-bissau&lt;/option&gt; 
  &lt;option value=&quot;Guyana&quot;&gt;Guyana&lt;/option&gt; 
  &lt;option value=&quot;Haiti&quot;&gt;Haiti&lt;/option&gt; 
  &lt;option value=&quot;Heard Island and Mcdonald Islands&quot;&gt;Heard Island and Mcdonald Islands&lt;/option&gt; 
  &lt;option value=&quot;Holy See (Vatican City State)&quot;&gt;Holy See (Vatican City State)&lt;/option&gt; 
  &lt;option value=&quot;Honduras&quot;&gt;Honduras&lt;/option&gt; 
  &lt;option value=&quot;Hong Kong&quot;&gt;Hong Kong&lt;/option&gt; 
  &lt;option value=&quot;Hungary&quot;&gt;Hungary&lt;/option&gt; 
  &lt;option value=&quot;Iceland&quot;&gt;Iceland&lt;/option&gt; 
  &lt;option value=&quot;India&quot;&gt;India&lt;/option&gt; 
  &lt;option value=&quot;Indonesia&quot;&gt;Indonesia&lt;/option&gt; 
  &lt;option value=&quot;Iran, Islamic Republic of&quot;&gt;Iran, Islamic Republic of&lt;/option&gt; 
  &lt;option value=&quot;Iraq&quot;&gt;Iraq&lt;/option&gt; 
  &lt;option value=&quot;Ireland&quot;&gt;Ireland&lt;/option&gt; 
  &lt;option value=&quot;Israel&quot;&gt;Israel&lt;/option&gt; 
  &lt;option value=&quot;Italy&quot;&gt;Italy&lt;/option&gt; 
  &lt;option value=&quot;Jamaica&quot;&gt;Jamaica&lt;/option&gt; 
  &lt;option value=&quot;Japan&quot;&gt;Japan&lt;/option&gt; 
  &lt;option value=&quot;Jordan&quot;&gt;Jordan&lt;/option&gt; 
  &lt;option value=&quot;Kazakhstan&quot;&gt;Kazakhstan&lt;/option&gt; 
  &lt;option value=&quot;Kenya&quot;&gt;Kenya&lt;/option&gt; 
  &lt;option value=&quot;Kiribati&quot;&gt;Kiribati&lt;/option&gt; 
  &lt;option value=&quot;Korea, Democratic People's Republic of&quot;&gt;Korea, Democratic People's Republic of&lt;/option&gt; 
  &lt;option value=&quot;Korea, Republic of&quot;&gt;Korea, Republic of&lt;/option&gt; 
  &lt;option value=&quot;Kuwait&quot;&gt;Kuwait&lt;/option&gt; 
  &lt;option value=&quot;Kyrgyzstan&quot;&gt;Kyrgyzstan&lt;/option&gt; 
  &lt;option value=&quot;Lao People's Democratic Republic&quot;&gt;Lao People's Democratic Republic&lt;/option&gt; 
  &lt;option value=&quot;Latvia&quot;&gt;Latvia&lt;/option&gt; 
  &lt;option value=&quot;Lebanon&quot;&gt;Lebanon&lt;/option&gt; 
  &lt;option value=&quot;Lesotho&quot;&gt;Lesotho&lt;/option&gt; 
  &lt;option value=&quot;Liberia&quot;&gt;Liberia&lt;/option&gt; 
  &lt;option value=&quot;Libyan Arab Jamahiriya&quot;&gt;Libyan Arab Jamahiriya&lt;/option&gt; 
  &lt;option value=&quot;Liechtenstein&quot;&gt;Liechtenstein&lt;/option&gt; 
  &lt;option value=&quot;Lithuania&quot;&gt;Lithuania&lt;/option&gt; 
  &lt;option value=&quot;Luxembourg&quot;&gt;Luxembourg&lt;/option&gt; 
  &lt;option value=&quot;Macao&quot;&gt;Macao&lt;/option&gt; 
  &lt;option value=&quot;Macedonia, The Former Yugoslav Republic of&quot;&gt;Macedonia, The Former Yugoslav Republic of&lt;/option&gt; 
  &lt;option value=&quot;Madagascar&quot;&gt;Madagascar&lt;/option&gt; 
  &lt;option value=&quot;Malawi&quot;&gt;Malawi&lt;/option&gt; 
  &lt;option value=&quot;Malaysia&quot;&gt;Malaysia&lt;/option&gt; 
  &lt;option value=&quot;Maldives&quot;&gt;Maldives&lt;/option&gt; 
  &lt;option value=&quot;Mali&quot;&gt;Mali&lt;/option&gt; 
  &lt;option value=&quot;Malta&quot;&gt;Malta&lt;/option&gt; 
  &lt;option value=&quot;Marshall Islands&quot;&gt;Marshall Islands&lt;/option&gt; 
  &lt;option value=&quot;Martinique&quot;&gt;Martinique&lt;/option&gt; 
  &lt;option value=&quot;Mauritania&quot;&gt;Mauritania&lt;/option&gt; 
  &lt;option value=&quot;Mauritius&quot;&gt;Mauritius&lt;/option&gt; 
  &lt;option value=&quot;Mayotte&quot;&gt;Mayotte&lt;/option&gt; 
  &lt;option value=&quot;Mexico&quot;&gt;Mexico&lt;/option&gt; 
  &lt;option value=&quot;Micronesia, Federated States of&quot;&gt;Micronesia, Federated States of&lt;/option&gt; 
  &lt;option value=&quot;Moldova, Republic of&quot;&gt;Moldova, Republic of&lt;/option&gt; 
  &lt;option value=&quot;Monaco&quot;&gt;Monaco&lt;/option&gt; 
  &lt;option value=&quot;Mongolia&quot;&gt;Mongolia&lt;/option&gt; 
  &lt;option value=&quot;Montenegro&quot;&gt;Montenegro&lt;/option&gt;
  &lt;option value=&quot;Montserrat&quot;&gt;Montserrat&lt;/option&gt; 
  &lt;option value=&quot;Morocco&quot;&gt;Morocco&lt;/option&gt; 
  &lt;option value=&quot;Mozambique&quot;&gt;Mozambique&lt;/option&gt; 
  &lt;option value=&quot;Myanmar&quot;&gt;Myanmar&lt;/option&gt; 
  &lt;option value=&quot;Namibia&quot;&gt;Namibia&lt;/option&gt; 
  &lt;option value=&quot;Nauru&quot;&gt;Nauru&lt;/option&gt; 
  &lt;option value=&quot;Nepal&quot;&gt;Nepal&lt;/option&gt; 
  &lt;option value=&quot;Netherlands&quot;&gt;Netherlands&lt;/option&gt; 
  &lt;option value=&quot;Netherlands Antilles&quot;&gt;Netherlands Antilles&lt;/option&gt; 
  &lt;option value=&quot;New Caledonia&quot;&gt;New Caledonia&lt;/option&gt; 
  &lt;option value=&quot;New Zealand&quot;&gt;New Zealand&lt;/option&gt; 
  &lt;option value=&quot;Nicaragua&quot;&gt;Nicaragua&lt;/option&gt; 
  &lt;option value=&quot;Niger&quot;&gt;Niger&lt;/option&gt; 
  &lt;option value=&quot;Nigeria&quot;&gt;Nigeria&lt;/option&gt; 
  &lt;option value=&quot;Niue&quot;&gt;Niue&lt;/option&gt; 
  &lt;option value=&quot;Norfolk Island&quot;&gt;Norfolk Island&lt;/option&gt; 
  &lt;option value=&quot;Northern Mariana Islands&quot;&gt;Northern Mariana Islands&lt;/option&gt; 
  &lt;option value=&quot;Norway&quot;&gt;Norway&lt;/option&gt; 
  &lt;option value=&quot;Oman&quot;&gt;Oman&lt;/option&gt; 
  &lt;option value=&quot;Pakistan&quot;&gt;Pakistan&lt;/option&gt; 
  &lt;option value=&quot;Palau&quot;&gt;Palau&lt;/option&gt; 
  &lt;option value=&quot;Palestinian Territory, Occupied&quot;&gt;Palestinian Territory, Occupied&lt;/option&gt; 
  &lt;option value=&quot;Panama&quot;&gt;Panama&lt;/option&gt; 
  &lt;option value=&quot;Papua New Guinea&quot;&gt;Papua New Guinea&lt;/option&gt; 
  &lt;option value=&quot;Paraguay&quot;&gt;Paraguay&lt;/option&gt; 
  &lt;option value=&quot;Peru&quot;&gt;Peru&lt;/option&gt; 
  &lt;option value=&quot;Philippines&quot;&gt;Philippines&lt;/option&gt; 
  &lt;option value=&quot;Pitcairn&quot;&gt;Pitcairn&lt;/option&gt; 
  &lt;option value=&quot;Poland&quot;&gt;Poland&lt;/option&gt; 
  &lt;option value=&quot;Portugal&quot;&gt;Portugal&lt;/option&gt; 
  &lt;option value=&quot;Puerto Rico&quot;&gt;Puerto Rico&lt;/option&gt; 
  &lt;option value=&quot;Qatar&quot;&gt;Qatar&lt;/option&gt; 
  &lt;option value=&quot;Reunion&quot;&gt;Reunion&lt;/option&gt; 
  &lt;option value=&quot;Romania&quot;&gt;Romania&lt;/option&gt; 
  &lt;option value=&quot;Russian Federation&quot;&gt;Russian Federation&lt;/option&gt; 
  &lt;option value=&quot;Rwanda&quot;&gt;Rwanda&lt;/option&gt; 
  &lt;option value=&quot;Saint Helena&quot;&gt;Saint Helena&lt;/option&gt; 
  &lt;option value=&quot;Saint Kitts and Nevis&quot;&gt;Saint Kitts and Nevis&lt;/option&gt; 
  &lt;option value=&quot;Saint Lucia&quot;&gt;Saint Lucia&lt;/option&gt; 
  &lt;option value=&quot;Saint Pierre and Miquelon&quot;&gt;Saint Pierre and Miquelon&lt;/option&gt; 
  &lt;option value=&quot;Saint Vincent and The Grenadines&quot;&gt;Saint Vincent and The Grenadines&lt;/option&gt; 
  &lt;option value=&quot;Samoa&quot;&gt;Samoa&lt;/option&gt; 
  &lt;option value=&quot;San Marino&quot;&gt;San Marino&lt;/option&gt; 
  &lt;option value=&quot;Sao Tome and Principe&quot;&gt;Sao Tome and Principe&lt;/option&gt; 
  &lt;option value=&quot;Saudi Arabia&quot;&gt;Saudi Arabia&lt;/option&gt; 
  &lt;option value=&quot;Senegal&quot;&gt;Senegal&lt;/option&gt; 
  &lt;option value=&quot;Serbia&quot;&gt;Serbia&lt;/option&gt; 
  &lt;option value=&quot;Seychelles&quot;&gt;Seychelles&lt;/option&gt; 
  &lt;option value=&quot;Sierra Leone&quot;&gt;Sierra Leone&lt;/option&gt; 
  &lt;option value=&quot;Singapore&quot;&gt;Singapore&lt;/option&gt; 
  &lt;option value=&quot;Slovakia&quot;&gt;Slovakia&lt;/option&gt; 
  &lt;option value=&quot;Slovenia&quot;&gt;Slovenia&lt;/option&gt; 
  &lt;option value=&quot;Solomon Islands&quot;&gt;Solomon Islands&lt;/option&gt; 
  &lt;option value=&quot;Somalia&quot;&gt;Somalia&lt;/option&gt; 
  &lt;option value=&quot;South Africa&quot;&gt;South Africa&lt;/option&gt; 
  &lt;option value=&quot;South Georgia and The South Sandwich Islands&quot;&gt;South Georgia and The South Sandwich Islands&lt;/option&gt; 
  &lt;option value=&quot;South Sudan&quot;&gt;South Sudan&lt;/option&gt; 
  &lt;option value=&quot;Spain&quot;&gt;Spain&lt;/option&gt; 
  &lt;option value=&quot;Sri Lanka&quot;&gt;Sri Lanka&lt;/option&gt; 
  &lt;option value=&quot;Sudan&quot;&gt;Sudan&lt;/option&gt; 
  &lt;option value=&quot;Suriname&quot;&gt;Suriname&lt;/option&gt; 
  &lt;option value=&quot;Svalbard and Jan Mayen&quot;&gt;Svalbard and Jan Mayen&lt;/option&gt; 
  &lt;option value=&quot;Swaziland&quot;&gt;Swaziland&lt;/option&gt; 
  &lt;option value=&quot;Sweden&quot;&gt;Sweden&lt;/option&gt; 
  &lt;option value=&quot;Switzerland&quot;&gt;Switzerland&lt;/option&gt; 
  &lt;option value=&quot;Syrian Arab Republic&quot;&gt;Syrian Arab Republic&lt;/option&gt; 
  &lt;option value=&quot;Taiwan, Republic of China&quot;&gt;Taiwan, Republic of China&lt;/option&gt; 
  &lt;option value=&quot;Tajikistan&quot;&gt;Tajikistan&lt;/option&gt; 
  &lt;option value=&quot;Tanzania, United Republic of&quot;&gt;Tanzania, United Republic of&lt;/option&gt; 
  &lt;option value=&quot;Thailand&quot;&gt;Thailand&lt;/option&gt; 
  &lt;option value=&quot;Timor-leste&quot;&gt;Timor-leste&lt;/option&gt; 
  &lt;option value=&quot;Togo&quot;&gt;Togo&lt;/option&gt; 
  &lt;option value=&quot;Tokelau&quot;&gt;Tokelau&lt;/option&gt; 
  &lt;option value=&quot;Tonga&quot;&gt;Tonga&lt;/option&gt; 
  &lt;option value=&quot;Trinidad and Tobago&quot;&gt;Trinidad and Tobago&lt;/option&gt; 
  &lt;option value=&quot;Tunisia&quot;&gt;Tunisia&lt;/option&gt; 
  &lt;option value=&quot;Turkey&quot;&gt;Turkey&lt;/option&gt; 
  &lt;option value=&quot;Turkmenistan&quot;&gt;Turkmenistan&lt;/option&gt; 
  &lt;option value=&quot;Turks and Caicos Islands&quot;&gt;Turks and Caicos Islands&lt;/option&gt; 
  &lt;option value=&quot;Tuvalu&quot;&gt;Tuvalu&lt;/option&gt; 
  &lt;option value=&quot;Uganda&quot;&gt;Uganda&lt;/option&gt; 
  &lt;option value=&quot;Ukraine&quot;&gt;Ukraine&lt;/option&gt; 
  &lt;option value=&quot;United Arab Emirates&quot;&gt;United Arab Emirates&lt;/option&gt; 
  &lt;option value=&quot;United Kingdom&quot;&gt;United Kingdom&lt;/option&gt; 
  &lt;option value=&quot;United States&quot;&gt;United States&lt;/option&gt; 
  &lt;option value=&quot;United States Minor Outlying Islands&quot;&gt;United States Minor Outlying Islands&lt;/option&gt; 
  &lt;option value=&quot;Uruguay&quot;&gt;Uruguay&lt;/option&gt; 
  &lt;option value=&quot;Uzbekistan&quot;&gt;Uzbekistan&lt;/option&gt; 
  &lt;option value=&quot;Vanuatu&quot;&gt;Vanuatu&lt;/option&gt; 
  &lt;option value=&quot;Venezuela&quot;&gt;Venezuela&lt;/option&gt; 
  &lt;option value=&quot;Viet Nam&quot;&gt;Viet Nam&lt;/option&gt; 
  &lt;option value=&quot;Virgin Islands, British&quot;&gt;Virgin Islands, British&lt;/option&gt; 
  &lt;option value=&quot;Virgin Islands, U.S.&quot;&gt;Virgin Islands, U.S.&lt;/option&gt; 
  &lt;option value=&quot;Wallis and Futuna&quot;&gt;Wallis and Futuna&lt;/option&gt; 
  &lt;option value=&quot;Western Sahara&quot;&gt;Western Sahara&lt;/option&gt; 
  &lt;option value=&quot;Yemen&quot;&gt;Yemen&lt;/option&gt; 
  &lt;option value=&quot;Zambia&quot;&gt;Zambia&lt;/option&gt; 
  &lt;option value=&quot;Zimbabwe&quot;&gt;Zimbabwe&lt;/option&gt;
&lt;/select&gt;

在下拉菜单中分组地图国家

【中文标题】在下拉菜单中分组地图国家【英文标题】：Group map countries in drop down menu 【发布时间】：2020-04-04 10:06:45 【问题描述】：

我正在创建一个带有一些标记的地图和一个按国家/地区选择它们的下拉菜单。许多标记都在同一个国家，所以我的下拉菜单最终可以多次选择同一个国家。我正在尝试对每个国家/地区的标记进行分组，因此下拉菜单中每个国家/地区只有一次。有谁知道我该如何解决这个问题？我尝试了很多东西，但我总是弄乱我的代码。非常感谢！

var markers = [
  
    "title": 'France',
    "lat": '43.583627',
    "lng": '3.814796 ',
    "description": '<div id="web-info"> <h6><a target="_blank" href="https://www.ipal-formation.com/">Ipal</a></h6><p>Artomatherapy and Essential Oils Training</p></div>',
    "zoom": '5'
  ,
  
    "title": 'France',
    "lat": '46.521448',
    "lng": '6.633112',
    "description": '<div id="web-info"> <h6><a target="_blank" href="http://www.ecole-era.ch/">Ecole Romande d\'Aromathérapie ERA</a></h6><p>Aromatherapy Course</p></div>',
    "zoom": '5'
  ];

function initMap() 
  var mapOptions = 
    center: 
      lat: 9.072264,
      lng: 7.491302
    ,
    zoom: 2,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  ;

  var map = new google.maps.Map(document.getElementById("map"), mapOptions);
  var infowindow = new google.maps.InfoWindow();

  for (var i = 0; i < markers.length; i++) 
    var markersData = markers[i];
    var coords = new google.maps.LatLng(markersData.lat, markersData.lng);
    var marker = new google.maps.Marker(
      position: coords,
      map: map,
      title: markersData.title
    );

    //Added click listener
    (function (marker, markersData) 
      google.maps.event.addListener(marker, "click", function (e) 
        infowindow.setContent(markersData.description);
        infowindow.open(map, marker);
      );

      jQuery("#selectlocation").append('<option value="' + [markersData.lat, markersData.lng, markersData.zoom].join('|') + '">' + markersData.title + '</option>');
      jQuery(document).on('change', '#selectlocation', function () 
        var latlngzoom = jQuery(this).val().split('|');
        var newzoom = 1 * latlngzoom[2],
          newlat = 1 * latlngzoom[0],
          newlng = 1 * latlngzoom[1];
        map.setZoom(newzoom);
        map.setCenter( lat: newlat, lng: newlng );
      );
    )(marker, markersData);

【问题讨论】：

【参考方案1】：

追加后，您可以使用val 和siblings 删除重复的国家/地区名称，如下所示。

$("#selectlocation option").val(function(index, val) 
  $(this).siblings('[value="'+ val +'"]').remove();
);

从下拉选项中删除所有重复的国家/地区。

注意：在下拉列表中追加后，您的选项如下所示：

 <option value="France" data-lat="'+ markersData.lat +'"> France </option>

对数据使用 lat、lang 和其他选项。

您可以在下拉更改时轻松捕捉该数据值，如下所示：

$('#selectlocation').find(':selected').data('lat');

var markers = [
    "title": 'France',
    "lat": '43.583627',
    "lng": '3.814796 ',
    "description": '<div id="web-info"> <h6><a target="_blank" href="https://www.ipal-formation.com/">Ipal</a></h6><p>Artomatherapy and Essential Oils Training</p></div>',
    "zoom": '5'
  ,
  
    "title": 'Nepal',
    "lat": '44.583627',
    "lng": '3.814796 ',
    "description": '<div id="web-info"> <h6><a target="_blank" href="https://www.ipal-formation.com/">Ipal</a></h6><p>Artomatherapy and Essential Oils Training</p></div>',
    "zoom": '5'
  ,
  
    "title": 'Nepal',
    "lat": '43.583627',
    "lng": '3.814796 ',
    "description": '<div id="web-info"> <h6><a target="_blank" href="https://www.ipal-formation.com/">Ipal</a></h6><p>Artomatherapy and Essential Oils Training</p></div>',
    "zoom": '5'
  ,
  
    "title": 'France',
    "lat": '46.521448',
    "lng": '6.633112',
    "description": '<div id="web-info"> <h6><a target="_blank" href="http://www.ecole-era.ch/">Ecole Romande d\'Aromathérapie ERA</a></h6><p>Aromatherapy Course</p></div>',
    "zoom": '5'
  
];
$.each(markers, function(index, value) 
  //console.log(value.lat);
  jQuery("#selectlocation").append('<option data-lat="' + value.lat + '" value="' + value.title + '">' + value.title + '</option>');
);
$("#selectlocation option").val(function(index, val) 
  $(this).siblings('[value="' + val + '"]').remove();
);
jQuery(document).on('change', '#selectlocation', function() 
  var lat = $(this).find(':selected').data('lat');
  console.log(lat);

);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="selectlocation">

</select>

【讨论】：

非常感谢施里！我一回家就试试！我还有很多其他国家要输入，如果我添加其他国家，这会起作用吗？你是明星！今晚我会告诉你进展如何！

以上是关于HTML HTML：下拉菜单的国家/地区列表的主要内容，如果未能解决你的问题，请参考以下文章

HTML Web表单的国家/地区下拉列表

HTML Web表单的国家/地区下拉列表（中文版）

国家/地区的 Select2 下拉菜单，带有标志

如何使用 Angular js 制作搜索类型下拉列表？

Woocommerce Checkout：在国家下拉列表中添加占位符[重复]

在下拉菜单中分组地图国家