Tenho um select e gostaria de selecionar um valor de acordo com o texto de outro campo que o usuário clicou.
Por exemplo. Ao clicar numa tag "p" com o texto "Abril" eu quero selecionar o option de texto "Abril" no meu select:
<select id="meses">
<option value="0">Janeiro</option>
<option value="1">Fevereiro</option>
<option value="2">Março</option>
<option value="3">Abril</option>
</select>
Minha tag p:
<p class="nomMes">Abril</p>
Queria algo assim:
var valMes = $('p.nomMes').text().trim();
$(document).on('click', 'p.nomMes', function(){
$('#meses option[text='+valMes+']).prop('selected', true);
});
Mas o option[text=] não funciona então qual seria a forma mais elegante de fazer isso, sem precisar dar um loop no select por exemplo?
<p>
e buscar o valor onde o id for igual?