Mostrar contenido de select-option en un input text

[mensajeescrito]

Hola amigos, a ver si alguien puede ayudarme con esto:

Tengo un codigo que es capaz de seleccionando una option de un combobox, mostrar su

resultado en un input text.

Hasta ahí todo funciona bien ya que muestra en el input el "value" que proviene de la option del select.


Pero es que lo que necesito es que muestre en el input, no el valor del value de la option, sino el "contenido" que hay entre "<option> contenido </option>"


Este es el codigo:

Código Javascript:

var mostrarValor = function(x){
        document.getElementById('comida').value=x;
        }
 

Código HTML:

<form action="#">
     
        <select name="elejir_comida" onchange="mostrarValor(this.value);">
 
            <option value="1">Pizza</option>
            <option value="2">Hamburguesa</option>
            <option value="3">Kebab</option>
        
        </select>
        
        
        
        <input type="text" name="comida" id="comida" value="" />
    
    </form>
 

Gracias de antemano.