jquery - 使用 jQuery 对 Select 字段进行排序

标签 jquery forms sorting select input

我有一个选择字段,我需要将选项分组,但不是按升序或降序值排序。

我有游戏平台和游戏类型,我想在同一下拉选择字段中将它们分成两组。

现在,选择字段中的所有元素都按字母顺序排列,如下所示:

3DS
Action
Android
Beat 'Em Up
First Person Shooter
iOS

我想先按类型对它们进行排序,然后再按平台进行排序,如下所示:

Action
Beat 'Em Up
First Person Shooter
3DS
Android
iOS

每个选项都有一个数值,我可以用它来识别它,但是如何更改它在选择字段中的位置/顺序?

$("select#cat option[value='45']");

谢谢! :D

最佳答案

http://jsfiddle.net/UqNrN/ HTML

<select id="test">
    <option value="4">3DS</option>
<option value="1">Action</option>
<option value="5">Android</option>
<option value="2">Beat 'Em Up</option>
<option value="3">First Person Shooter</option>
<option value="6">iOS</option>
</select>

JS

$(function(){
    $('#test').find('option').detach().sort(function(a, b){
        return a.value - b.value;
    }).appendTo('#test').parent().val('1');
});

关于jquery - 使用 jQuery 对 Select 字段进行排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22275383/

相关文章:

javascript - 按十进制值制作动画

javascript - AJAX 加载 div ID 的 child

javascript - 我没有在点击时更改类(class)

c# - WPF MVVM自定义排序问题

jquery - 如何使用jquery提交表单并隐藏和显示图像和按钮

javascript - 根据下拉选择向表单添加和删除输入标签

html - <输入类型 ="file"> 问题

Python 输入清理

java - 数组排序有效

Android : Sort Array list of Strings containing paths of all the . 手机上的jpg文件