如何按词法顺序对选择选项排序
how to sort select option in lexical order
我有一个选择选项
<select>
<option>aaa</option>
<option>ccc</option>
<option>ddd</option>
<option>bbb</option>
</select>
如何排序。因此输出将
aaa
bbb
ccc
ddd
在一次面试中有人问我这个问题知道了就回答
您可以使用使用JavaScript排序方法。它按词汇顺序对元素进行排序。因此,您可以根据排序函数的结果设置select
元素的innerHTML。
在这里阅读更多关于排序函数的信息
试题:
$("select").html($('select option').sort(function (x, y) {
return $(x).text() < $(y).text() ? -1 : 1;
}))
演示
添加id
<select id='myselect'>
<option>aaa</option>
<option>ccc</option>
<option>ddd</option>
<option>bbb</option>
</select>
获取数组中的所有选项,对其排序,然后更改select
的值var array = new Array();
$("#myselect option").each(function() { array.push($(this).text()) });
array.sort();
$("#myselect option").each(function(index,elem) { $(this).html(array[index]) });
工作小提琴
$('#sort').click(function () {
$('select').each(function () {
var options = $(this).children('option');
options.sort(function (optionA, optionB) {
return optionA.value.localeCompare(optionB.value);
});
$(this).empty().append(options);
});
});
相关文章:
- CKeditor:更改对话框中的默认选择选项
- 如何在从多选下拉列表中选择选项值时动态生成文本框
- AngularJs列表ng单击以选择选项转换
- 使用基于文本的 Jquery 选择选项
- 当选择值x时,Javascript需要在正确的位置显示文本区域,从而循环通过具有选择选项的表单
- 在php和mysql中选择选项.一旦选择了选项,就列出我的sql数据库数据
- 选择选项时如何显示警报
- 使用php动态更改选择选项
- 选择“选择选项”时显示文本.怎么做
- LEAFLET地图和带有选择选项的标记-ANGULARjs
- 使用js将动态内容添加到选择选项列表中
- 用于使用javascript循环选择选项
- AngularJS-选择选项并在函数中使用它
- 禁用/启用基于单选/选择选项所选Javascript的文本框
- 如何使用jQuery隐藏与选择选项相关的选择选项列表
- 选择选项是添加或删除事件
- 使用jQuery向“选择选项”添加默认属性
- 构建HTML选择字段并使用JavaScript数组选择选项
- 带有动态选择选项的Firefox html5验证异常
- 只有当Angular从资源对象检索数据时,才选择选项元素