javascript – 按值属性排序选择选项使用jQuery
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 按值属性排序选择选项使用jQuery,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2528字,纯文字阅读大概需要4分钟。
内容图文
嗯,标题说明了一切.我正在做的是创建一个特色产品模块.使用JSON填充下拉列表的大小,我使用把手来渲染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全部内容,希望文章能够帮你解决javascript – 按值属性排序选择选项使用jQuery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。