检查下拉菜单元素是否存在querySelector？

Question

我一直在使用

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

检查表单是否包含特定元素，如果为TRUE，则返回值。它适用于文本框，但不适用于下拉列表。可以以这种方式将querySelector（）用于下拉菜单吗？

注意：我不在乎列表中是否存在特定选项，这是我找到的大多数答案所解决的问题。我只是想知道字段是否在表单上。

Answer 1

It's working fine for text boxes, but not for dropdowns.

If you are using the same selector for dropdown then it should not be input#element. Try select#element

but actually #element is enough for both situations. Prefer it:

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