Member 13732061 Ответов: 1

Как сделать выпадающий список (HTML) с опциями (странами) из массива javascript

Я хочу сделать форму в HTML, которая запрашивает ваше имя, фамилию и страну.
Имена-это не проблема, а вот страны-да. Я хочу (нужно) использовать выпадающий список со всеми странами мира, параметры выпадающего списка-это все элементы из массива javascript.

Способ создания js-файла выглядит следующим образом: я создал функцию init(){
let list_countries=['afghanistan',...] поэтому я сделал var list_functions со всеми странами, после чего запустил функцию
инициализация().

Дело в том, как я могу представить каждую из этих стран в качестве опции в моем выпадающем списке? Я бы хотел сделать эту часть кодирования в html тегах

Что я уже пробовал:

Я пробовал такие вещи, как:
<select id="country_list"></select>
    <script src="script.js">
    </script> 
</select><br></br>

Я попробовал поменять местами select и script и т. д., но понятия не имею :/

Я попытался погуглить/найти решение в интернете, но не могу найти идеального решения своего вопроса.

1 Ответов

Рейтинг:
10

A_Griffin

Вот в чем идея:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
<script type="text/javascript">
  function countries_ddl() {
     var countries = ["England", "France", "Germany"];
     var select = document.getElementById('country_list');
     for (var i = 0; i < countries.length; i++) {
        var opt = document.createElement('option');
        opt.value = i;
        opt.innerHTML = countries[i];
        select.appendChild(opt);
     }
}
</script>
</head>
<body onload="countries_ddl()">
		<select id="country_list">
         <option value="0">- please select -</option>
		</select>		
</body>
</html>