2010-06-03 17 views
7

का उपयोग कर सूची आइटम मेरे पास एक पृष्ठ पर कुछ आइटम के साथ एक सूची बॉक्स है। Jquery या मूल जावास्क्रिप्ट का उपयोग कर आइटम को सॉर्ट करने का कोई आसान तरीका है?सॉर्ट करें सूची जावास्क्रिप्ट/Jquery

शुभकामनाओं सहित,

उत्तर

14

आप नीचे जावास्क्रिप्ट JQuery फ़ंक्शन का उपयोग कर सकते हैं। मैंने इसे पूरी तरह से परीक्षण नहीं किया है लेकिन इसे काम करना चाहिए।

function Sortit() { 
     var $r = $("#MySelect option"); 
     $r.sort(function(a, b) { 
      if (a.text < b.text) return -1; 
      if (a.text == b.text) return 0; 
      return 1; 
     }); 
     $($r).remove(); 
     $("#MySelect").append($($r)); 
     } 

यहां आपके चयन टैग में एक आईडी MySelect होना चाहिए। आप इसे सादे जावास्क्रिप्ट का उपयोग करके भी कर सकते हैं। यह विकल्प के प्रदर्शित पाठ द्वारा क्रमबद्ध होगा। इसके बजाय, यदि आप प्रत्येक विकल्प के मूल्य के आधार पर सॉर्ट करना चाहते हैं, तो आप

$r.sort(function(a, b) { 
       return a.value-b.value; 
      }); 
0

आप प्लग में एक jQuery का उपयोग कर, Tablesorter एक अच्छा काम करता है कोई आपत्ति नहीं है।

1

मैं बहुत @ josephj1989 के लिए इसी तरह एक विधि का इस्तेमाल किया नीचे के रूप में एक प्रकार का उपयोग करें। हालांकि, यदि आपके ड्रॉपडाउन में मानों के रूप में तार हैं, तो आपको अभी भी 1, -1, या 0 मान असाइन करने की आवश्यकता है (कम से कम मैंने वैसे भी किया है)।

function SortList(listname) { 
    var $r = $(listname + " option"); 
    $r.sort(function(a, b) { 
     return (a.value < b.value) ? -1 : (a.value > b.value) ? 1 : 0; 
     //or you can have a.text, b.text, etc 
    }); 
    $($r).remove(); 
    $(listname).append($($r)); 
} 
संबंधित मुद्दे