使用选项组对下拉列表进行排序
Sort a dropdown list with optgroups
我有一个下拉菜单,里面有很多我想按字母顺序排列的项目,如果有区别的话,下拉菜单会使用optgroups。
假设我有这样的东西:
<optgroup label="Fruits">
<option>Banana</option>
<option>Apple</option>
<option>Orange</option>
<option>Avocado</option>
</optgroup>
我该如何制作它,以便按字母顺序显示每个optgroup的值?在上面的例子中,它的顺序是苹果、鳄梨、香蕉、橙子。
您可以使用sort()
$('optgroup[label="Fruits"] option').sort(function(a, b) {
return $(a).text() > $(b).text();
}).appendTo('optgroup[label="Fruits"]');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<optgroup label="Fruits">
<option>Banana</option>
<option>Apple</option>
<option>Orange</option>
<option>Avocado</option>
</optgroup>
相关文章:
- 使用选项组对下拉列表进行排序
- 如何在角度js的自动完成下拉列表中对项目列表(按字母顺序)进行排序
- 选择下拉列表时,按角度中的多个字段排序
- 对添加的 atrribute 或 id 的下拉列表进行排序
- Jquery 对表行中的下拉列表进行排序
- 如何在 angularjs 中对下拉列表进行排序
- yii 使用下拉列表对 CListView 进行排序
- 使用下拉列表选择对列表.js中的项目进行排序
- 排序下拉列表
- 如何使用下拉列表根据DateTransaction对其进行排序?
- 如何显示带有排序的下拉列表的页面
- 根据下拉列表的内容进行排序
- 为什么这个下拉列表的排序工作在Internet Explorer,而不是在Chrome
- 用javascript排序下拉列表
- 另一种排序JSON文件的方法,或者至少是使用javascript的下拉列表
- 将下拉列表与可单击的排序列表相结合
- 按字母顺序排序php/html表单中的下拉列表值
- 在javascript中按值而不是文本对选择下拉列表进行排序
- 排序语言的下拉列表为本地化Chrome扩展
- 如何从客户端(Javascript)重新排序下拉列表控件,如NetFlix队列