0

シンプルな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だけどうも表示されないようです。

1
  • 2
    selectoptionが逆でした。「タブレット」とはAndroid端末でしょうか?(iPadの場合、Chrome / Firefoxに関係なく内部はSafariなはずなので)また「表示されない」とはどういう状態を期待し、どういう状態だったのでしょうか? 挙げられた jQueryのコードは単に属性値を取得するだけで、変更するものではないです。
    – sayuri
    Commented 2023年5月9日 8:53

1 件の回答 1

0

Android タブレットで試してみましたが、disabled された <option> は選べませんが、見た目が他と同じなのはおかしいですね。単に Chrome のバグなのではないでしょうか。https://new.crbug.com/ でバグを登録しましょう。

1
  • バグの登録してみます。皆さんありがとうございました! Commented 2023年5月11日 9:09

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。