gpt4 book ai didi

javascript - 使用 jQuery 按值属性对选择选项进行排序

转载 作者:可可西里 更新时间:2023-11-01 01:45:54 26 4
gpt4 key购买 nike

好吧,标题说明了一切。我正在做的是创建一个特色产品模块。大小的下拉列表使用 JSON 填充,我使用 Handlebars 来呈现 html。我无法控制 JSON 文件。我尝试按选项标签中的实际文本对选项值进行排序,但之后我意识到选项值是错误的。所以现在我正在尝试按它们的值属性对选项进行排序,但还没有弄清楚。我正在尝试做这样的事情:

var selectList = $('#featuredSelectField option');
var newList = [];
var theNewNew = [];
for(var i=0; i<selectList.length; i++){
newList[i]=(selectList[i].value);
}
newList.sort();
for(var i=0; i<newList.length; i++){
theNewNew[i] = $('#featuredSelectField option[value="'+newList[i]+'"]');
selectList[i] = theNewNew[i];
}

这是 html:

<select id="featuredSelectField" name="addid7617843" size="1">
<option value="" data-value="">Select an option</option>
<option value="10493640" data-value="10493640" data-qty="30" data-mxqty="30">Size 5.5 - $111.99</option>
<option value="10493639" data-value="10493639" data-qty="120" data-mxqty="50">Size 5 - $111.99</option>
<option style="display: none;" disabled="disabled" value="10792504" data-value="10792504" data-qty="0" data-mxqty="0">Size 10 - $111.99 Sold Out</option>
<option value="10493644" data-value="10493644" data-qty="138" data-mxqty="50">Size 7 - $111.99</option>
<option value="10493642" data-value="10493642" data-qty="22" data-mxqty="22">Size 6.5 - $111.99</option>
<option value="10493641" data-value="10493641" data-qty="57" data-mxqty="50">Size 6 - $111.99</option>
<option value="10493648" data-value="10493648" data-qty="99" data-mxqty="50">Size 9 - $111.99</option>
<option value="10493647" data-value="10493647" data-qty="28" data-mxqty="28">Size 8.5 - $111.99</option>
<option value="10493646" data-value="10493646" data-qty="74" data-mxqty="50">Size 8 - $111.99</option>
<option value="11288830" data-value="11288830" data-qty="1" data-mxqty="1">Size 4.5 - $111.99</option>
<option value="10493645" data-value="10493645" data-qty="51" data-mxqty="50">Size 7.5 - $111.99</option>
<option value="10792503" data-value="10792503" data-qty="5" data-mxqty="5">Size 9.5 - $111.99</option>
<option value="11288831" data-value="11288831" data-qty="6" data-mxqty="6">Size 4 - $111.99</option>
</select>

最佳答案

var selectList = $('#featuredSelectField option');

selectList.sort(function(a,b){
a = a.value;
b = b.value;

return a-b;
});

$('#featuredSelectField').html(selectList);

在这里你可以找到一个演示并将结果与​​原来的进行比较: http://jsfiddle.net/74c2M/3/

在这里你可以找到正确的代码: http://jsfiddle.net/74c2M/4/

祝你好运!

关于javascript - 使用 jQuery 按值属性对选择选项进行排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20693593/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com