Si no tienes posibilidad de guardar el nombre como texto de cada opción, puedes usar [atributo de datos](https://developer.mozilla.org/es/docs/Web/API/HTMLElement/dataset), solo agregando `data-nombre="Nombre del producto"` después del valor:

    <?php
            while($datos = mysqli_fetch_array($consulta_producto)){
                    //array recorre datos                               
    ?>
                    <option value="<?php echo $datos['codigo']?>" data-nombre="<?php echo $datos['nombre']?>"><?php echo $datos['codigo'] ?></option>
    <?php } ?>

En Javascript es muy sencillo acceder, revisa los comentarios dentro de la función:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    function cambioOpciones() {
        // El evento siempre está disponible en la función
        // event.target es el elemento que lo disparó (select name="codigo")
        let sel = event.target;
        // Definir valor inicial
        let value = '';
        // Si se seleccionó una opción
        if(event.target.value) {
            // Tomar nombre desde data-nombre de la opción seleccionada
            value = sel.options[sel.selectedIndex].dataset.nombre;
        }
        // Asignar valor al campo
        document.querySelector('#showId').value = value;
    }

<!-- language: lang-html -->

    <select class="col-12 form-control mr-sm-2 " name="codigo" id='opciones' onchange='cambioOpciones();'> 
        <option disabled selected> - Seleccione - </option>
        <option value="Código 1" data-nombre="Nombre de producto 1">Código 1</option>
        <option value="Código 2" data-nombre="Nombre de producto 2">Código 2</option>
        <option value="Código 3" data-nombre="Nombre de producto 3">Código 3</option>
        <option value="Código 4" data-nombre="Nombre de producto 4">Código 4</option>
        <option value="Código 5" data-nombre="Nombre de producto 5">Código 5</option>
    </select>
    <input class="form-control mr-sm-2 col-12" type="text"  name="nombre" id="showId">


<!-- end snippet -->

Solo como referencia, [`document.querySelector('#showId');`](https://developer.mozilla.org/es/docs/Web/API/Document/querySelector) hace exactamente lo mismo que `document.getElementById('showId');`