Question

I am using the jQuery extension for searchable dropdowns found here. It works great but I only want to apply it to some of the elements on my page, not all of them. Is there a way to pick and choose which selects it will modify?

This is how I’m using the script. I assume the answer has something to do with modifying that function, but I can’t get it to work.

    $(document).ready(function() {
        $("select").searchable();
    });

Answer 1

How about using a class?

<select class="searchable"><!-- content --></select>

And than the js:

$(document).ready(function() {
    $("select.searchable").searchable();
});

You can even invert the behavior if needed (but i wouldn’t recommend):

$(document).ready(function() {
    // only select those without the searchable class
    $("select:not(.searchable)").searchable();
});