Проверить, существует ли выпадающий элемент querySelector?

Question

Я использую

    var name= (document.querySelector('input#element') ? document.querySelector('input#element').value : '');

, чтобы проверить, содержит ли форма определенный элемент, и вернуть значение, если оно ИСТИНА. Он отлично работает для текстовых полей, но не для выпадающих. Можно ли таким образом использовать querySelector () для выпадающих списков?

Примечание. Меня не волнует, существует ли конкретная опция в списке, к которой относится большинство ответов, которые я нашел. Я просто хочу знать, находится ли поле в форме.

Answer 1

Работает нормально для текстовых полей, но не для выпадающих.

Если вы используете тот же селектор для выпадающего списка, то он не должен быть input#element. Попробуйте select#element

но на самом деле #element достаточно для обеих ситуаций. Предпочитаю это:

var element = document.querySelector('#element')
var name = element ? element.value : ''