Question

Apparently this is very basic jQuery but im on a time crunch and I could use some help tweaking these tablesorter options.

This is a keyup function that queries a table, and it works great. I simply want to change the input type from a text feild to a drop down or radio buttons. What i have so far only works upon initial page load and then stops.

Keyup version:

$("#txt_topics").keyup(function() {
        $("#example-4").beautify("rebuild", { filter :
                    { 7 :$("#txt_topics").val() } });
    });

What ive got so far:

$("select").ready(function() {
             $("#example-4").beautify("rebuild", { filter :
                    { 7 :$("select").val() } });
    });

<select>
 <option value="2012">2012</option>
 <option value="2011">2011</option>
 <option value="2010">2010</option>
</select>

Thanks for any help any jQuery / javascript folks may have for me.

Answer 1

You can bind the change or focus/blur events, depending on what exactly you’re trying to do. change will trigger any time the value is actually changed, focus and blur will fire when the box is selected and unselected, respectively.

$("select").change(function { ... });