Как поменять текст в select-option через «value»?

Question

[lite_version]

Если прописать id к option, то текст измениться, но есть ли возможность реализовать то же самое, указав только id select и value option, не приписывая уникальные идентификаторы для последних?

<select id="id_active">
  <option value="unknown"> </option>
  <option value="true">Да</option>  // id="true"
  <option value="false">Нет</option>  // id="false"
</select>

// реализация с id
document.getElementById('true').innerHTML = 'Да1';
document.getElementById('false').innerHTML = 'Нет1';

Answer 1

[Rst0]

так можно:

const options = document.querySelectorAll('#id_active > option');
options[0].innerHTML = 'Да1';
options[1].innerHTML = 'Нет1';

Comments

[lite_version]

Сделал похожую реализацию, но Ваш подход больше нравится. Большое спасибо!

// если кому-то понадобиться
$('#id_active option[value=true]').text('Да1');
$('#id_active option[value=false]').text('Нет1');