Как в JS передавать значения не по ID а по name?

Есть рабочий код но мне необходимо чтобы он связывался не чрез ID (#testSelect) а через name="testSelect-name". Возможно ли это? Или это костыли?

$("#testSelect").change(function(e) {
  $("#title-place").text($(this.options[this.selectedIndex]).text());
}).change();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="testSelect" name="testSelect-name">
  <option>One</option>
  <option>Two</option>
  <option>Three</option>
</select>
<br/><br/>
<span id="title-place">Empty</span>


Ответы (1 шт):

Автор решения: Егор Кулик

document.querySelector('[name=testSelect-name]');

Стандартная библиотека JavaScript позволяет это делать так. Аналогично в JQuery.

→ Ссылка