Добавление ARIA-LABEL в динамически сгенерированные элементы менюJavascript

Форум по Javascript
Ответить Пред. темаСлед. тема
Anonymous
 Добавление ARIA-LABEL в динамически сгенерированные элементы меню

Сообщение Anonymous »

Следующая функция JavaScript для динамического создания выпадающего меню для начала и окончания. В выпадении показано короткое название каждого дня. Я хочу добавить арию-юбила на каждые дни, которые будут иметь полное имя каждый день. Например, Aria-label = "Monday" и т. Д., Для каждого элемента опции в меню начала и конечного дня. Можете ли вы предложить способ сделать это? Я пытался создать подход к корпусу, такой как Mon = понедельник, а затем попробовать обновить метку для каждого элемента опции, но по какой -то причине он не работает. < /P>
function WorkHours() {
const startDayLabel = createLabel('startDayLabel', 'Start Day:', 'whlabel');
const startDayMenu = createDropdown('startDayMenu', ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], '', 'Mon');
const endDayLabel = createLabel('endDayLabel', 'End Day:', 'whlabel');
const endDayMenu = createDropdown('endDayMenu', ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], '', 'Fri');
}

function createLabel(forId, text, className) {
const label = document.createElement('label');
label.htmlFor = forId;
label.textContent = text;
label.className = className;
return label;
}

function createDropdown(id, options, className, defaultValue) {
const select = document.createElement('select');
select.id = id;
select.className = className;
options.forEach(option => {
const opt = document.createElement('option');
opt.value = option;
opt.textContent = option;
if (option === defaultValue) {
opt.selected = true;
}
select.appendChild(opt);
});
return select;
}


Подробнее здесь: https://stackoverflow.com/questions/794 ... n-elements
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «Javascript»