jquery - 如何在jquery中按文本顺序绑定(bind)html选择

Question

我有一个json字符串作为

 json={"0":"-select-","10":"A","5":"B","14":"C"};

这是从 php 代码按文本 A、B、C 的顺序返回的

我将这个 json 字符串绑定(bind)到 jquery 中的选择框

$.each(json,function(k,v){
    $('#UserCityRes').append('<option value="'+k+'">'+v+'</option>');
});

但它按值顺序给出选择列表

<select name="citylist" id="UserCityRes">
 <option value="0">select</option>
 <option value="5">B</option>
 <option value="10">A</option>
 <option value="14">C</option>
</select>

我需要这个按文本顺序为“-select-,A,B,C”顺序，而不是值。但是 $.jquery 的每个函数都按值的顺序附加它。

请帮助我如何按文本顺序排序和显示它(它在 mozilla 浏览器中工作正常，但在 ie 和 chrome 中不工作)

提前致谢

Answer 1

如果想保留项目的顺序，我建议使用像数组/集合这样的

[{ "key": "0", "value": "-select-"}, { "key": "10", "value": "A"}, { "key": "5", "value": "B"}, { "key": "14", "value": "C"}]