質問失礼します。
前提条件
Dropdownの選択肢の一番上はデフォルトではチェックマークのみが表示され、
それを選択するとemptyになる認識です。
またそれを選択後のDropdownの値は空欄(textが何も入っていない)状態になります。
・選択肢
![dropdown選択肢の一番上はempty](https://global.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/a/a757fd5be04d1493b2c0b807bce4e6d9941d9023.png)
↓
・選択後のDropdown内の表示
![一番上を選択後のDropdownの値](https://global.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/0/02faed6de332e01c9c931d41e8dab522a1ddd450.png)
実装したいこと
①一番上の値をemptyにする選択肢をチェックマーク+任意のtextにしたい
例.
すべて
②一番上の値をemptyにする選択肢を選んだ時のDropdown内の表示を任意のtextもしくはplaceholderの値にしたい
上記の機能の実装方法あればご教示いただけると幸いです。
何卒よろしくお願い致します。
richtetsuyaさん、はじめまして!
以下の手順で実現できると思います。
1.設定で「Expose the option to add an ID attribute to HTML elements」にチェックを入れる
2.DropdownのElementIDを任意のものに設定する。
3.Placeholderに任意の値を入れる
3.HTMLを設置し、以下のようにconditioanlを設定する(#の隣に2で設定したIDを入力してください)。Appearanceは空白で大丈夫です。
<script>
$("#d1 option[value*='\"BLANK_']").each((i, cell) => {cell.innerHTML = "すべて"})
</script>
以上でご希望の機能が実装できると思います!
「いいね!」 3
ysys0201さん
初めまして。早速のご回答ありがとうございます!
実装することができました!
HTMLはCSSを足す時しか使ったことがなく、scriptを初めて使用しました。
hoverされた時の条件でできるとは想像もできませんでした。
本当に助かりました。ありがとうございます!!