シンプルなOption要素でDisabledしたいのですが、タブレットでChromeから見るとDisabledされません。
<select name="fruits">
<option value="peach" disabled>peach</option>
<option value="apple">apple</option>
<option value="pine">pine</option>
</select>
jqueryで条件に一致したものだけにDisableを与えました。
$('select[name="fruits"] > option[value="peach"]').attr('disabled');
Firefoxなどでは表示されるのですが、タブレットのChromeだけどうも表示されないようです。
select
とoption
が逆でした。「タブレット」とはAndroid端末でしょうか?(iPadの場合、Chrome / Firefoxに関係なく内部はSafariなはずなので)また「表示されない」とはどういう状態を期待し、どういう状態だったのでしょうか? 挙げられた jQueryのコードは単に属性値を取得するだけで、変更するものではないです。