Adaptar un OnChange de un Select

[angel_dope]

Hola de nuevo, a ver si alguien me ilumina un poco el camino. Tengo un select que se rellena a partir de una búsqueda previa y queda tal que así:

Código HTML:

<select name="empresa3" onchange = "document.getElementById('observaciones').value = this.value;">
    <option value="Empresa 1">Empresa 1 - 123456</option>   
    <option value="Empresa 2">Empresa 2 - 654321</option>   
    <option value="Empresa 3">Empresa 3 - 159632</option>       
</select>
 

Como veréis tiene un onchange para que al seleccionar una opción, se rellene de forma automática otro campo llamado "Observaciones" con el valor seleccionado. Hasta ahí bien, pero yo necesito otra cosa. Lo que necesito es que es que en lugar del value, se copie la etiqueta que se muestra en el desplegable, y a poder ser, tampoco entera, sino solo la parte que viene después del guión. Es decir, si selecciono la 2ª opción, me debería copiar al campo "Observaciones" tan solo "654321". Me serviría si copia la etiqueta completa, pero ya que me pongo, quiero intentar hacerlo justo como me hace falta.

¿Alguien me puede echar un mano con esto? Porque no tengo ni idea de por donde tirar.

Muchas gracias por adelantado, salu2

[KATHYU]

No es recomendado usar los JS directamente en los tag HTML (estándares) mejor úselos externos y los llama en el head, o si no coloque todos sus script en el head, lo que normalmente hace toda la people

Acá esta la función que le colocara el texto del combo, ya con el parceo después del guion seria de que busque un poco mas

Código Javascript:

function modifica(){
     document.getElementById("observaciones").value = event.target.options[event.target.selectedIndex].text;
}
 

[manuparquegiralda]

Pues yo trabajaría con las etiquetas data para hacerlo más sencillo.

Código HTML:

<select name="empresa3">
    <option value="Empresa 1" data-code="123456">Empresa 1 - 123456</option>   
    <option value="Empresa 2" data-code="654321">Empresa 2 - 654321</option>   
    <option value="Empresa 3" data-code="159632">Empresa 3 - 159632</option>       
</select>
 

Código Javascript:

(function() {
    // Pasamos los elemento a varibales para trabajar mejor con ellos
 
    const select = document.querySelector( "select[name=empresa3]" );
    const observaciones = document.getElementById( "observaciones" );
 
    // Ponemos a la escucha el cambio en el select
 
    select.addEventListener( "onchange", ev => myFunction( ev ));
 
    // Función que trata el cambio en el select
 
    function myFunction( ev ) {
        // Pasamos a una variable el option seleccionado
 
        const optSelect = select.options[select.selectedIndex];
 
        // Obtenemos el número de la empresa del data-code
 
        const num = optSelect.dataset.code;
 
        // Introducimos el número en el campo observaciones
 
        observaciones.value = num;
    }
})();
 

Espero que te ayude, esta opción tiene más código, pero a mi me gusta trabajar con un código más limpio y un poco más extenso porque después te ayudará cuando tengas que hacer modificaciones o actualizaciones del mismo.

Un saludo