通过jQuery对选择下拉列表进行排序？

Kieron606 发表于 Dev

Kieron606

我有一个选择下拉列表，需要按字母顺序排序。我的下拉列表是通过jQuery动态构建的，它从PHP响应中获取数据。

这是构建下拉列表的代码

//- Create an array of the acceptable values for this udf (tags)
var array = $('input[name=hidden-tags]').val().split(',');

var dropdown = "";

dropdown += "<option disabled selected>Valid options</option>";

$.each(array,function(i){
   dropdown += "<option value='"+array [i]+"'>"+ array[i] +"</option>";       
});

//- Add in validation list to the dropdown
$("#autofix-dropdown").html(dropdown);

隐藏标签输入将填充此数据的“标签”部分

[{"_id":{"$id":"56d42175b23eec3f1a8b4567"},
"agency_id":"01721487",
"rule_name":"UDF 1",
"rule_desc":"...",  
"rule_type":"account",
"vali_field":"udf_1",
"vali_type":"validation_list",
"allow_blank":"allow_blank",
"folder":"5637503fb23eec5a110fe4b4",
"AutoFix":{"kbbb":[""],"kathryn pascoe":["kathryn pascoe"]},
"tags":["kbbb","test","kathryn pascoe","mabel chan"],
"accounts":["SIT0001","SIT0002","SIT0003","NCC0001","NCC0002","NCC0003","NCC0004"]}]

我无法在正在使用的数据库Mongo中对其进行排序，因为它在不需要排序的其他地方使用。我需要在jQuery中对其进行排序。

莫什·费

只需使用排序

该sort()方法对数组的项目进行排序。

/* just for the demo, initial the data like the ajax do */
var tags = ["kbbb","test","kathryn pascoe","mabel chan"];
$('input[name=hidden-tags]').val(tags.join(','));


//- Create an array of the acceptable values for this udf (tags)
var array = $('input[name=hidden-tags]').val().split(',');
console.log(array);
array = array.sort();
console.log(array);

var dropdown = "";

dropdown += "<option disabled selected>Valid options</option>";

$.each(array,function(i){
   dropdown += "<option value='"+array [i]+"'>"+ array[i] +"</option>";       
});

//- Add in validation list to the dropdown
$("#autofix-dropdown").html(dropdown);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="hidden" name="hidden-tags" />
<select id="autofix-dropdown"></select>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。