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());

おそらく少し最適化される可能性があります。