Ocultar seletor de caixa de seleção na mudança de orientação

Desenvolvendo aplicativos móveis em HTML5 para iOS, às vezes precisamos ocultar o seletor de caixa de seleção depois de mudar a orientação. Para fazer isso, podemos apenas chamar a função blur () em nosso elemento de lista no evento resize. Portanto, se tivermos uma lista de seleção como esta:

<select id="list">
    <option>Apple</option>
    <option>Orange</option>
</select>

Precisamos vincular o evento resize após o conteúdo ser carregado e chamar blur ():

window.addEventListener('DOMContentLoaded', function() {
    var list = document.getElementById('list');
    window.onresize = function() { list.blur(); };
}, false);