質問: ### 前提・実現したいこと セレクトボックスで表示している内容とプルダウンで表示される内容を変えたいと思ってます。 以下例だと「項目TEST1:テスト1111」を選択すると表示上は「TEST1」を表示 「項目TEST2:テスト2」を選択すると表示上は「TEST2」を表示 のようにしたいです。 これは実現可能でしょうか。 例: ┌─────┬─┐ │TEST1 │▽│ └─────┴─┘ ▽を押すと・・・ ┌───────────┐ │項目TEST1:テスト1111│ │項目TEST2:テスト2222│ │項目TEST3:テスト3333│ └───────────┘
回答: こんな感じでしょうか? `onmousedown`イベントで`optionのテキストを書き換え` `onchange`イベントで`optionのテキストを戻す` ですが、同じ項目を選んだ時に`onchange`が発動されないため、`onmousedown`した時に一旦ありえないところをセレクトしたことにします。 `select`の`name=`と`id=`は任意です。 ``` TEST1 TEST2 TEST3 ```