Amigos,
Para Selecionar o Idioma Gostaria de Colocar uma Bandeira no SELECT é possível?
Exemplo:
Caro Jailton,
É isso que você quer?
Acredito que isso mesmo Celso.
Sim, Celso, seria isso.
Ok.
Estou indo para faculdade e na volta o mais tardar amanhã passo como se faz.
Ok grato.
Ao invés de colocar cores coloque o caminho das imagens que da certo. Lembrando que para esse caso a imagem tem que esta em um tamanho adequado.
?>
select { background: url('http://i.imgur.com/XN3hWOM.png'); width: 98px; height: 38px; } option:nth-child(odd) /* Se for impar fica com fundo verde */ { background: Green; } option:nth-child(even) /* Se for par fica com o fundo amarelo */ { background: Yellow; } <?php Obs. Tem que inspecionar elemento e ver a id de cada "país" pra colocar a bandeira de acordo com o mesmo. Acho que o código do Celso é bem diferente.Me perdoem da demora.
Como já dizia a vovozinha “existem mil maneiras de se comer um TOSTINES”.
1 - Criar um campo tipo label nome = teste
- Em sua propriedade texto inserir o seguinte código:
<select name="teste" id="teste">
<option value="1" data-image="caminho_de_sua_imagem">Texto Texto 1</option>
<option value="2" data-image="caminho_de_sua_imagem">Texto 2</option>
<option value="3" data-image="caminho_de_sua_imagem">Texto 3</option>
<option value="4" selected="selected" title="caminho_de_sua_imagem">Texto 4</option>
<option value="5" data-image="caminho_de_sua_imagem">Texto 5</option>
<option value="6" data-image="caminho_de_sua_imagem">Texto 6</option>
</select>2 - Baixe a blioteca:
http://www.marghoobsuleman.com/jquery-image-dropdown
Coloque ela em sua _lib/minha_biblioteca/
ou utilize a macro sc_url_library a seu critério.
No meu caso eu não utilizei a macro.
3 - No evento onScriptInit inserir o seguinte código:
{teste}= print("
<header>
<script src=\"caminho_de_sua_biblioteca/jquery-1.3.2.min.js\" type=\"text/javascript\"></script>
<script src=\"caminho_de_sua_biblioteca/js/msdropdown/jquery.dd.min.js\" type=\"text/javascript\"></script>
<link rel=\"stylesheet\" type=\"text/css\" href=\"caminho_de_sua_biblioteca/css/msdropdown/dd.css\" />
</header>
<script language=\"javascript\">
$(document).ready(function(e) {
try {
$(\"body select\").msDropDown();
} catch(e) {
alert(e.message);
}
});
</script>
");Legal Fred o seu código eu usei utilizando a ideia da Camila no seminário dela.
Muito bom mesmo.
Grato Fred e Celso R., vou marcar como resolvido.
Quem sabe vem esse recurso default no SC V9, V10…V30 hehehe
Esperamos que sim. Pois é algo simples que dá uma dor de cabeça para resolver.
Show de bola!
Que bom Celso, é bom saber que meu semináriozinho serviu pra alguma coisa. 
Busquei e encontrei uma forma de colocar ícone no select através das informações contidas neste site https://silviomoreto.github.io/bootstrap-select/
Faça um teste seguindo os passos abaixo:
no coloque:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/i18n/defaults-pt_PT.min.js"></script>no coloque no select:
<select class="selectpicker" id="iconesel" name="iconesel">
<option value="">Selecione</option>
<option value="fa-phone-square" data-icon="fa fa-phone-square">Telefone</option>
</select>Espero ter ajudado a todos
“Conhecimento é Poder, quando compartilhado”
Muito bom.
Vou experimentar…
Obrigado por compartilhar.
Costumo utilizar muito o font awesome.
É basicamente importar o arquivo na aplicação e no select utilizar o nome da classe antes, por exemplo
Select ‘’, campo1, campo2, campo3 FROM tabela
Desta forma há como também, você criar uma tabela de ícones e relacionar os ícones com os seus elementos.