Question

是否可以在实际选择列表中显示选择列表的说明？单击选择列表时，描述应消失并显示列表。

示例：

<select description="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

http://jsfiddle.net/auMPm/

我想在选择框中加上“汽车”这个词，当它被点击时，它会消失并显示选择列表。

我知道这对于文本输入字段是可能的，这可以用select-tag实现吗？可能是jquery？

编辑：“占位符”是一个神奇的词。本主题涉及它：How do I make a placeholder for a 'select' box?

Edit2：显然有人发布了一个更好的解决方案来解决我的问题，但删除了他的答案......很奇怪。我很幸运能够及时链接到jsFiddle：）

http://jsfiddle.net/hxr3P/3/

Answer 1

添加新属性以选择标记

 <select id='ddl' desc="this is description" >
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
      <option value="opel">Opel</option>
      <option value="audi">Audi</option>
    </select>

使用jquery

获取该属性

$(document).ready(function() {
   var val=$('#ddl').attr('desc').val();
     alert(val);
 })

Answer 2

这是使用ExtJs的解决方案：

http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/form/forum-search.html

ExtJS可能很难实现，但它非常强大，请看一下。

（在示例中输入'forms'，它将显示我认为您正在寻找的内容）

Answer 3

var val = $('#ddl').attr('description');

您确定select具有描述属性吗？

那应该工作没有自己尝试过。希望它有助于好运。

在选择列表中选择列表说明

3 个答案: