Ruby on rails 将所选选项的HTML显示值设置为与显示的选项文本不同

我有一个选择选项，包括以下示例选项

(TYT) Toyota

(HD) Honda

(MT) Mitsubishi

我只想在选择“选择”选项后在选择框上显示缩写，而无需javascript事件侦听器在选择时设置值

i、 e

TYT

或

（TYT）

也可以

---

有什么想法吗

您可以使用jQuery来实现这一点，如下所示：

    <select>
      <option value="0" data-abbr="None">Select</option>
      <option value="12" data-abbr="TTT">Toyota</option>
      <option value="13" data-abbr="HD">Honda</option>
      <option value="14" data-abbr="MT">Mitsubishi</option>
    </select>

    <script type="text/javascript">
    $(document).ready(function () {
      $("select").change(function () {
        var option = $(this).find("option:selected");
        option.text(option.data("abbr"));
      });
    });
    </script>

---

当您查看列表时，它显示“TTT Toyota”，但当您选择它时，仅显示TTT值。你需要

选项。类：在每个选项的
选择器之后。
是的，谢谢，我知道这是可能的，但是我问如果没有事件侦听器，是否可能。哦，对不起，你可以使用CSS来欺骗名称，但这并不漂亮。我会更新的。
    <style type="text/css">
    option.TTT:after {
      content: " Toyota";
    }
    </style>
    <select>
      <option value="0" data-abbr="None">Select</option>
      <option value="12" class="TTT">TTT</option>
      <option value="13" data-abbr="HD">Honda</option>
      <option value="14" data-abbr="MT">Mitsubishi</option>
    </select>