Встроенная ошибка динамического раскрывающегося списка jQuery

Я пытаюсь создать динамический раскрывающийся список, используя значение массива, но значения добавляются встроенными в option

<body onload = "getdata()">
  <select class = "form-control"   id = "focusedinput" name = "sBranchName"  required>
    <option name = "sBranchName" id = "branch_list" ></option>
  </select>

<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" ></script>

<script>
function getdata () {
	var data =['rajkot','surat','delhi']
	var mySelect = $('#branch_list'); 
  	for(let value of data){
    console.info(value)
       mySelect.append("<option>" + value + "</option>")
    }
};
</script>
</body>

Может ли кто-нибудь подсказать правильный путь?

javascript jquery arrays drop-down-menu

02.04.2018 20:46

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Смотрите эту строку:

mySelect.append("<option>" + value + "<option>")

Вам не хватает /.

Вы также добавляете option, а не select. Вместо этого попробуйте выбрать select:

$('#focusedinput').append("<option>" + value + "</option>")

function getdata() {
  const data = ['rajkot', 'surat', 'delhi']
  const mySelect = $('#focusedinput');
  data.forEach((value) => {
    mySelect.append("<option>" + value + "</option>");
  });
}

getdata();

<select class = "form-control" id = "focusedinput" name = "sBranchName" required>
  <option name = "sBranchName" id = "branch_list" ></option>
</select>

<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Сделал живой сниппет, у меня работает. (хотя ваш исходный option все еще пуст, не знаю, что вы хотите с ним делать)

— 02.04.2018 20:54

02.04.2018 20:48