Phone Filtering page

Phone Filtering page

Hello everyone, I am new to this forum and hopefully I am posting this in right section. I need to create a phones page with filters. This feature is very common in all the cell phone providers website right now. My page will be similar to T-mobile phones page, take a look at it here

Instead of checkboxes, My page will need drop down to select the phone, price range and features. I am thinking I can do this with jquery but not really sure where to start. One solution I thought was to create unique class for each phone with one class for brand name, another for the price and last one for the type of phone and use jquery to show/hide the class based on drop down but this can get messy. Some what like this

<ul>
      <li class="Samsung 300c 20 smart_phone">Samsung 300C</li>
</ul>
I hope everyone get what I am trying to do here, I am hoping for a better solution to this or is there already a plugin I can use to achieve this effect>