Como controlar o elemento “selecionar” com JavaScript no iOS WebKit

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);
});