Filter Select Boxes by Typing
Back to Blog
Download
Filter this item by typing State name, capital, or nick name. All 3 are visible in the dropdown text.
Alabama, Montgomery, Yellowhammer State
Alaska, Juneau, The Last Frontier
Arizona, Phoenix, The Grand Canyon State
Arkansas, Little Rock, The Natural State
California, Sacramento, The Golden State
Colorado, Denver, The Centennial State
Connecticut, Hartford, The Constitution State
Delaware, Dover, The First State
Florida, Tallahassee, The Sunshine State
Georgia, Atlanta, The Peach State
Hawaii, Honolulu, The Aloha State
Idaho, Boise, The Gem State
Illinois, Springfield, Prairie State
Indiana, Indianapolis, The Hoosier State
Iowa, Des Moines, The Hawkeye State
Kansas, Topeka, The Sunflower State
Kentucky, Frankfort, The Bluegrass State
Louisiana, Baton Rouge, The Pelican State
Maine, Augusta, The Pine Tree State
Maryland, Annapolis, The Old Line State
Massachusetts, Boston, The Bay State
Michigan, Lansing, The Great Lakes State
Minnesota, St. Paul, The North Star State
Mississippi, Jackson, The Magnolia State
Missouri, Jefferson City, The Show Me State
Montana, Helena, The Treasure State
Nebraska, Lincoln, The Cornhusker State
Nevada, Carson City, The Silver State
New Hampshire, Concord, The Granite State
New Jersey, Trenton, The Garden State
New Mexico, Santa Fe, The Land of Enchantment
New York, Albany, The Empire State
North Carolina, Raleigh, The Tar Heel State
North Dakota, Bismarck, The Peace Garden State
Ohio, Columbus, The Buckeye State
Oklahoma, Oklahoma City, The Sooner State
Oregon, Salem, The Beaver State
Pennsylvania, Harrisburg, The Keystone State
Rhode Island, Providence, The Ocean State
South Carolina, Columbia, The Palmetto State
South Dakota, Pierre, Mount Rushmore State
Tennessee, Nashville, The Volunteer State
Texas, Austin, The Lone Star State
Utah, Salt Lake City, The Beehive State
Vermont, Montpelier, The Green Mountain State
Virginia, Richmond, The Old Dominion State
Washington, Olympia, The Evergreen State
West Virginia, Charleston, The Mountain State
Wisconsin, Madison, The Badger State
Wyoming, Cheyenne, The Equality or Cowboy State
$('#select1').selectfilter();
Filter this dropdown by state name, capital or nickname. However this select has values of "StateName, Capital" and only the nickname is visible. This demonstrates searching the value and text.
Yellowhammer State
The Last Frontier
The Grand Canyon State
The Natural State
The Golden State
The Centennial State
The Constitution State
The First State
The Sunshine State
The Peach State
The Aloha State
The Gem State
Prairie State
The Hoosier State
The Hawkeye State
The Sunflower State
The Bluegrass State
The Pelican State
The Pine Tree State
The Old Line State
The Bay State
The Great Lakes State
The North Star State
The Magnolia State
The Show Me State
The Treasure State
The Cornhusker State
The Silver State
The Granite State
The Garden State
The Land of Enchantment
The Empire State
The Tar Heel State
The Peace Garden State
The Buckeye State
The Sooner State
The Beaver State
The Keystone State
The Ocean State
The Palmetto State
Mount Rushmore State
The Volunteer State
The Lone Star State
The Beehive State
The Green Mountain State
The Old Dominion State
The Evergreen State
The Mountain State
The Badger State
The Equality or Cowboy State
$('#select2').selectfilter();
Filter this select by typing any part of the state bird name or the state name.
Yellowhammer
Willow Ptarmigan
Cactus Wren
Mockingbird
California Valley Quail
Lark Bunting
Robin
Blue Hen Chicken
Mockingbird
Brown Thrasher
Nene
Mountain Bluebird
Cardinal
Cardinal
Eastern Goldfinch
Western Meadowlark
Cardinal
Eastern Brown Pelican
Chickadee
Baltimore Oriole
Chickadee
Robin
Common Loon
Mockingbird
Bluebird
Western Meadowlark
Western Meadowlark
Mountain Bluebird
Purple Finch
Eastern Goldfinch
Roadrunner
Bluebird
Cardinal
Western Meadowlark
Cardinal
Scissor-tailed Flycatcher
Western Meadowlark
Ruffed Grouse
Rhode Island Red
Great Carolina Wren
Ring-necked Pheasant
Mockingbird
Mockingbird
Common American Gull
Hermit Thrush
Cardinal
Willow Goldfinch
Cardinal
Robin
Western Meadowlark
$('#select3').selectfilter();
Use a custom filter to find items. This time the searchable options have data-state="" and data-capital="" populated so you can type the name of the state, capital, or abbreviation and filter.
AL
AK
AZ
AR
CA
CO
CT
DE
FL
GA
HI
ID
IL
IN
IA
KS
KY
LA
ME
MD
MA
MI
MN
MS
MO
MT
NE
NV
NH
NJ
NM
NY
NC
ND
OH
OK
OR
PA
RI
SC
SD
TN
TX
UT
VT
VA
WA
WV
WI
WY
$('#select4').selectfilter({
filter: function(query, re, previous_results, all_options){
$t = $(this); //the option
if( re.test($t.data('state')) || re.test($t.data('capital')) ||
re.test($t.attr('value')) || re.test($t.text()) )
return true;
}
});