How to use filter with select menu?

How to use filter with select menu?

I would like to use the filter function with select menu like the one shown in the list view sample.
When I tried the code given below the search bar does not show.
Is this th correct way or is there a different way to do this?
Thanks.
 
<select   id="test1"   data-native-menu="false"     data-filter="true">
    <option value="CA"> California</option> ;
    <option value="Ny"> New York</option> ;
    <option value="NC"> North Carolina</option> ;
   <option value="WY">Wyoming</option> ;
     <option value="TX">Texas</option> ;




                             
    </select>