Tengo el siguiente select de los meses del año y un input donde me muestra la opción seleccionada, quiero que aparezca la opción del mes actual seleccionada por default cuando inicie la pagina, para esto tengo una variable php donde defino en que mes me encuentro. he buscado y no encuentro una solución. Hay alguna forma de hacerlo?
var mostrarValor = function(x)
{
document.getElementById('pseudonimo').value = x;
}
<?php
$mes = date("m");
?>
<select class="custom-select pull-right" id="mes" name="mes" onchange="mostrarValor(this.selectedIndex);" selected="<?php echo $mes;?>">
<option value="01">Enero</option>
<option value="02">Febrero</option>
<option value="03">Marzo</option>
<option value="04">Abril</option>
<option value="05">Mayo</option>
<option value="06">Junio</option>
<option value="07">Julio</option>
<option value="08">Agosto</option>
<option value="09">Septiembre</option>
<option value="10">Octubre</option>
<option value="11">Noviembre</option>
<option value="12">Diciembre</option>
</select>
<input type="text" name="pseudonimo" id="pseudonimo" value="" >