How can I use a dropdown select box to trigger this javascript instead of onClick?
<p>I currently have this JS at the bottom of a page that enables a user to sort elements with the class "grid-product-box" by various attributes the element is tagged with.</p>

<p>Works great but at the top of my page I have buttons for "Sort by price (low-high)", "Sort by name" etc which have IDs (#pricelh, #productname etc) and when clicked trigger the function you see below.</p>

<p>How could I create a dropdown select which would trigger this instead of a click? It could be as soon as the option is chosen from the dropdown or after a click of a "sort" button.</p>

<p>I have played around with the onChange handler but just end up breaking the script.</p>

<pre><code>&lt;SCRIPT&gt;
var t;
    (function($) {

        $("#pricelh").click(function() {
            $(".grid-product-box").qsort({attr: "productprice", digits: true});
        });
        $("#pricehl").click(function() {
            $(".grid-product-box").qsort({attr: "productprice", digits: true, order: "desc"});
        });
        $("#productname").click(function() {
            $(".grid-product-box").qsort({attr: "productname", ignoreCase: true});
        });
        $("#manufacturername").click(function() {
            $(".grid-product-box").qsort({attr: "manufacturername", ignoreCase: true});
        });
        $("#sortOptions").click(function() {
            clearTimeout(t);
            $("#selectList option:gt(0)").qsort();
            showSortMessage();
        });
        $("#sortOptionsDesc").click(function() {
            clearTimeout(t);
            $("#selectList option:gt(0)").qsort({order: "desc"});           
            showSortMessage();
        });
    })(jQuery);
&lt;/SCRIPT&gt;
</code></pre>
