есть select который принимает два значения Male и Female и в зависимости от пола он должен менять цвет в select, сделал чтоб цвет задавался после того как выберу одно из значений, но как сделать так, чтоб задавался уже при загрузки страницы
<select class="form-control" name="gender" id="gender">
<option value="Male">Мужской</option>
<option value="Female">Женский</option>
</select>
<script>
$(document).ready(function ()
{
$('#gender').on('change', function ()
{
var selectedValue = $('#gender').val();
if(selectedValue === 'Male'){
$(this).css('color','blue')
}
else if(selectedValue === 'Female'){
$(this).css('color','red')
}
});
});
</script>