Filter from a select menu

Filter from a select menu

Hi

I have a listview that is styled with jQuery mobile that is being pulled in dynamically via googles API. It has a data-filter true attribute applied and that works well.

I have added a dropdown menu above the listview, that ideally, i would like the user to select an item and then it filters/searches the listview content for that word and refines the list accordingly.

For example, in the dropdown, one of the options is Vet Nurse, I have configured the export value as 'VN1'. In the body of some of the listview items, the words 'VN1' will appear in the text. When the user selects 'Vet Nurse' from the list, i would like it to filter and displays only the items that have the words 'VN1'. Like a super charged data-filter, but with predefined search words. 

If anybody could give me any guidance, this would be extremely appreciated. Thank you very much