<select> with size attribute: iPhone renders blank

Answer 1

My simple fix for this, using Jquery:

$(document).ready(function(){
if(navigator.userAgent.match(/(iPhone|iPod|iPad)/i)) {
$('#my_select_box').prepend('..Please select something');
}
});

Works like this:

1. Wait for document to load

2. If user visits the site using an iPhone, iPod or iPad execute script

3. Add a selected and disabled option at the top of your select list, with the text "..Please select something".

Does nothing in all other browsers, works great :D