Как передать название id-элемента в функцию, если название состоит из текста и переменной?

Question

[Анатолий]

Как передать название id - в функцию, если id - это текст + переменная?

Answer 1

[Анатолий]

document.getElementById('eee').innerHTML = getTextSelected('abc'); 
function getTextSelected(el){ 
  el = document.getElementById(el);
  return el.options[el.selectedIndex].text;
}

Answer 2

[Стас Хитрич]

Не ставьте + впритык к переменной, это преобразование к числу. Сделайте пробел между + и z. Можете написать это используя шаблонные строки:
`text-${var}

Comments

[Анатолий]

Почему-то не сработало, посмотрите я изменил в примере.

[Анатолий]

Если в функцию передать 'abc' - это не срабатывает!
нужно предать именно abc, т.е. без кавычек!
В этом и состоит проблема.

Видимо в функцию нужно передать элемент, а не его название.

[Стас Хитрич]

Анатолий, let не поднимается при работе приложения как var. Объявляйте переменные let и const вначале функций.
Далее, вы вызываете функцию и передаёте туда не строковое значение abc, а переменную которой не существует.
Простите, я с телефона пока, проверять лично не могу.

[Анатолий]

Стас Хитрич, не совсем понял фразу "let не поднимается". Заменил на var.
Вынес ее за функцию.

Вот так не работает:

var zz = 'abc';  
document.addEventListener('click', () => { 
  document.getElementById('fff').innerHTML = getTextSelected(zz);
});
function getTextSelected(el){ return el.options[el.selectedIndex].text; }

[Стас Хитрич]

Вы сейчас передаёте в функцию строку. В этой функции вы пытаетесь использовать метод DOM элемента на этой строке.
Короче, вот пример:

const elementSelector = '#abc';  
document.addEventListener('click', () => { 
  document.getElementById('fff').innerHTML = getTextSelected(elementSelector);
});
function getTextSelected(selector){ 
   const element = document.querySelector(selector);
   return element ? element.options[element.selectedIndex].text : null;
}

[Анатолий]

Стас Хитрич, ага, так я уже понял и ответ написал.