«Если рабочий хочет хорошо выполнять свою работу, он должен сначала заточить свои инструменты» — Конфуций, «Аналитики Конфуция. Лу Лингун»
титульная страница > программирование > Динамически создавать опцию в выбранном элементе

Динамически создавать опцию в выбранном элементе

Опубликовано 20 ноября 2024 г.
Просматривать:819

Dynamically create option in select element

Существует два способа динамического создания опции:

1) Использование конструктора Option и метода add()

2) Использование методов DOM

1) Использование конструктора Option и метода add() :

let newOption = new Option('Option Text','Option Value');
const select = document.querySelector('select'); 
select.add(newOption,undefined);

2) Использование методов DOM:

// create option using DOM
const newOption = document.createElement('option');
const optionText = document.createTextNode('Option Text');
// set option text
newOption.appendChild(optionText);
// and option value
newOption.setAttribute('value','Option Value');

const select = document.querySelector('select'); 
select.appendChild(newOption);
Заявление о выпуске Эта статья воспроизводится по адресу: https://dev.to/jharna_khatun/dynamical-create-option-in-select-element-d6c?1 Если есть какие-либо нарушения, пожалуйста, свяжитесь с исследованием[email protected], чтобы удалить его.
Последний учебник Более>

Изучайте китайский

Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected]. Мы сделаем это за вас как можно скорее.

Copyright© 2022 湘ICP备2022001581号-3