Lo que quiero lograr es que después de que un usuario seleccione una opción, la entrada mostraría "seleccionar otra opción" en lugar de mostrar el nombre del valor de la opción seleccionada.
Ejemplo básico:
<select> <option value="" selected>Select an Option</option> <option value="1">One</option> <option value="2">Two</option> </select>Adjunte un detector de eventos de change a la select que verifique si esta es la primera vez que el usuario selecciona una opción. Si es así, puede establecer el valor en "" y establecer el textContent de texto de la opción seleccionada en "Seleccionar otra opción".
const select = document.querySelector('select'); var isFirst = true; select.addEventListener('change', function() { if (isFirst) { select.value = ""; select.options[select.selectedIndex].textContent = "select another option"; isFirst = false } }) <select> <option value="" selected>Select an Option</option> <option value="1">One</option> <option value="2">Two</option> </select>Si quieres hacerlo cada vez que el usuario seleccione una opción:
const select = document.querySelector('select'); select.addEventListener('change', function() { select.value = ""; select.options[select.selectedIndex].textContent = "select another option"; }) <select> <option value="" selected>Select an Option</option> <option value="1">One</option> <option value="2">Two</option> </select>