ドロップダウンメニュー選択後、要素の値を省略して表示したい。

Question

前提・実現したいこと

ドロップダウンメニューから値を選択後、その値をそのまま表示するのではなく、省略して表示させたいです。

例えば、ドロップダウンメニューに、「ID１　Hoge」という項目があったとします。
この項目を選択すると、「ID１」が表示される実装がしたいです。

上記のような実装は可能でしょうか？
ご教授よろしくお願い致します。

<select>
  <option>ID１　Hoge</option>
</select>

Comments

[yambejp]

なんでもできないことは無いですが、どういうロジックで
ID１とそうでないところを切り分けるのでしょうか？

[whoami]

ドロップダウンメニュー選択後、Hogeの部分は個別にajaxなどで表示したいと考えております。
そのため、「ID１　Hoge」と出てしまうと、Hogeがダブってしまい見ため的によろしくないと考えております。

[yambejp]

ID１ HogeからHogeをとってHogeをたすなら元のID１ Hogeですけど・・・
もう少しきちんと仕様を説明してください