Se você estiver desenvolvendo suas interfaces de usuário personalizadas para dispositivos móveis, poderá ocultar o elemento de seleção nativo e mostrar seu próprio controle suspenso e lista de seleção feitos à mão.
Mas eu gosto da lista de seleção de nativos. Eu só quero substituir e personalizar o controle suspenso.
Isso é perfeitamente possível, você pode controlar a abertura / fechamento do elemento nativo com eventos de foco / desfoque:
var $openSelectionList = $("#openSelectionList");
var $selectionList = $("#selectionList");
$openSelectionList.on("touchend", function() {
$selectionList[0].focus();
});
$selectionList.on("blur", function() {
$openSelectionList.html(this.selectedIndex);
});