选择说明后更改选择列表显示值 [英] Change a select list display value upon selecting description

问题描述

我想要一个选择列表来执行以下操作：

I would like a select list that does the following:

1. 当选择列表打开时，显示描述列表。 / li>
   
2. 当用户选择一个项目时，选择列表将关闭，仅显示该值。

原因是为了节省空间，因为价值会更短。我希望在jQuery中有一个答案。

The reason for this is to conserve space as the values will be much shorter. I'm hoping that there's an answer in jQuery.

谢谢。

推荐答案

好的，我已经完成了它：

Alright, I've worked it out:

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

可能会优化一下。

这篇关于选择说明后更改选择列表显示值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！