选择说明后更改选择列表显示值

时间:2010-05-07 21:18:20

标签: javascript jquery html selectlist

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

  1. 当选择列表打开时,显示说明列表。
  2. 当用户选择一个项目时,选择列表将关闭,只显示该值。
  3. 这样做的原因是为了节省空间,因为值会更短。我希望jQuery中有一个答案。

    感谢。

1 个答案:

答案 0 :(得分:0)

好吧,我已经解决了这个问题:

$("#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());

可能会稍微优化一下。