在iPhone中隐藏'选项'元素

Question

这是html：

<select>
   <option style="display:none;">1</option>
   <option>2</option>
   <option>3</option>
   <option>4</option>
</select>

以下是Chrome-Desktop上的结果

以下是iPhone中的结果 - Safari

jsbin

Answer 1

您可以使用jQuery

禁用或删除它

DEMO http://jsfiddle.net/Fa8Xx/1728/

<select>
   <option class="targetThis">1</option>
   <option>2</option>
   <option>3</option>
   <option>4</option>
</select>

的jQuery

function isiPhone(){
    return (
        (navigator.platform.indexOf("iPhone") != -1) ||
        (navigator.platform.indexOf("iPod") != -1)
    );
}
if(isiPhone()){
   $(".targetThis").attr('disabled', true);
}