javascript - 选择描述后更改选择列表显示值

Question

我想要一个执行以下操作的选择列表:

1. 当选择列表打开时，显示说明列表。
2. 当用户选择某个项目时，选择列表将关闭，仅显示值。

这样做的原因是为了节省空间，因为值会短得多。我希望 jQuery 中有答案。

谢谢。

Answer 1

好的，我已经解决了:

$("#selectList").focus(function() {
  var selectedOption = $(this).find("option:selected");
  selectedOption.text(selectedOption.attr("description"));
});

$("#selectList").change(function() {
  var selectedOption = $(this).find("option:selected");
  selectedOption.attr("description", selectedOption.text());
  selectedOption.text(selectedOption.val());
});

var currSelOption = $("#selectList").find("option:selected");
currSelOption.attr("description", currSelOption .text());
currSelOption.text(currSelOption .val());

它可能可以优化一点。