Skip to content

Instantly share code, notes, and snippets.

@fgeorges

fgeorges/fomantic-dropdown-search-uris.html

Last active November 1, 2020 14:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save fgeorges/fd48a4809408c1b02ac7192a3c79aec8 to your computer and use it in GitHub Desktop.
Save fgeorges/fd48a4809408c1b02ac7192a3c79aec8 to your computer and use it in GitHub Desktop.
Download ZIP
Weird results when searching in a Fomantic dropdown
Raw
fomantic-dropdown-search-uris.html
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.8.7/dist/semantic.min.css">
<script src="https://cdn.jsdelivr.net/npm/fomantic-ui@2.8.7/dist/semantic.min.js"></script>
<style>
.container {
padding: 5em 0em;
}
.ui.dropdown {
margin-bottom: 10px;
}
</style>
</head>
<body>
<div class="ui main text container">
<h1 class="ui header">Dropdown search</h1>
<p>Sample dropdown, for testing full-text search. Values look like the following:</p>
<pre>
{value: "http://h2o.consulting/ns/star-wars#film-1", name: "A New Hope"}</pre>
<p>For info, values are URIs of the following format (with digits at the end):</p>
<pre>
http://h2o.consulting/ns/star-wars#films-nn
http://h2o.consulting/ns/star-wars#people-nn
http://h2o.consulting/ns/star-wars#planets-nn
http://h2o.consulting/ns/star-wars#species-nn
http://h2o.consulting/ns/star-wars#starships-nn
http://h2o.consulting/ns/star-wars#vehicles-nn</pre>
<p>The dropdown:</p>
<div class="ui fluid search selection dropdown" id="list">
<input type="hidden" name="item">
<div class="default text">Items...</div>
<i class="dropdown icon"></i>
<div class="menu"></div>
</div>
<p>Very weird matches are returned. Try e.g. "<code>hope</code>". See
<a href="https://jsfiddle.net/f5zw8s9y/">https://jsfiddle.net/f5zw8s9y/</a>.</p>
<script>
$(function() {
$('#list').dropdown({
clearable: true,
forceSelection: false,
fullTextSearch: true,
ignoreDiacritics: true,
values: [
{"value": "http://h2o.consulting/ns/star-wars#people-1", "name": "Luke Skywalker"},
{"value": "http://h2o.consulting/ns/star-wars#people-2", "name": "C-3PO"},
{"value": "http://h2o.consulting/ns/star-wars#people-3", "name": "R2-D2"},
{"value": "http://h2o.consulting/ns/star-wars#people-4", "name": "Darth Vader"},
{"value": "http://h2o.consulting/ns/star-wars#people-5", "name": "Leia Organa"},
{"value": "http://h2o.consulting/ns/star-wars#people-6", "name": "Owen Lars"},
{"value": "http://h2o.consulting/ns/star-wars#people-7", "name": "Beru Whitesun lars"},
{"value": "http://h2o.consulting/ns/star-wars#people-8", "name": "R5-D4"},
{"value": "http://h2o.consulting/ns/star-wars#people-9", "name": "Biggs Darklighter"},
{"value": "http://h2o.consulting/ns/star-wars#people-10", "name": "Obi-Wan Kenobi"},
{"value": "http://h2o.consulting/ns/star-wars#people-11", "name": "Anakin Skywalker"},
{"value": "http://h2o.consulting/ns/star-wars#people-12", "name": "Wilhuff Tarkin"},
{"value": "http://h2o.consulting/ns/star-wars#people-13", "name": "Chewbacca"},
{"value": "http://h2o.consulting/ns/star-wars#people-14", "name": "Han Solo"},
{"value": "http://h2o.consulting/ns/star-wars#people-15", "name": "Greedo"},
{"value": "http://h2o.consulting/ns/star-wars#people-16", "name": "Jabba Desilijic Tiure"},
{"value": "http://h2o.consulting/ns/star-wars#people-17", "name": "Wedge Antilles"},
{"value": "http://h2o.consulting/ns/star-wars#people-18", "name": "Jek Tono Porkins"},
{"value": "http://h2o.consulting/ns/star-wars#people-19", "name": "Yoda"},
{"value": "http://h2o.consulting/ns/star-wars#people-20", "name": "Palpatine"},
{"value": "http://h2o.consulting/ns/star-wars#people-21", "name": "Boba Fett"},
{"value": "http://h2o.consulting/ns/star-wars#people-22", "name": "IG-88"},
{"value": "http://h2o.consulting/ns/star-wars#people-23", "name": "Bossk"},
{"value": "http://h2o.consulting/ns/star-wars#people-24", "name": "Lando Calrissian"},
{"value": "http://h2o.consulting/ns/star-wars#people-25", "name": "Lobot"},
{"value": "http://h2o.consulting/ns/star-wars#people-26", "name": "Ackbar"},
{"value": "http://h2o.consulting/ns/star-wars#people-27", "name": "Mon Mothma"},
{"value": "http://h2o.consulting/ns/star-wars#people-28", "name": "Arvel Crynyd"},
{"value": "http://h2o.consulting/ns/star-wars#people-29", "name": "Wicket Systri Warrick"},
{"value": "http://h2o.consulting/ns/star-wars#people-30", "name": "Nien Nunb"},
{"value": "http://h2o.consulting/ns/star-wars#people-31", "name": "Qui-Gon Jinn"},
{"value": "http://h2o.consulting/ns/star-wars#people-32", "name": "Nute Gunray"},
{"value": "http://h2o.consulting/ns/star-wars#people-33", "name": "Finis Valorum"},
{"value": "http://h2o.consulting/ns/star-wars#people-34", "name": "Jar Jar Binks"},
{"value": "http://h2o.consulting/ns/star-wars#people-35", "name": "Roos Tarpals"},
{"value": "http://h2o.consulting/ns/star-wars#people-36", "name": "Rugor Nass"},
{"value": "http://h2o.consulting/ns/star-wars#people-37", "name": "Ric Olié"},
{"value": "http://h2o.consulting/ns/star-wars#people-38", "name": "Watto"},
{"value": "http://h2o.consulting/ns/star-wars#people-39", "name": "Sebulba"},
{"value": "http://h2o.consulting/ns/star-wars#people-40", "name": "Quarsh Panaka"},
{"value": "http://h2o.consulting/ns/star-wars#people-41", "name": "Shmi Skywalker"},
{"value": "http://h2o.consulting/ns/star-wars#people-42", "name": "Darth Maul"},
{"value": "http://h2o.consulting/ns/star-wars#people-43", "name": "Bib Fortuna"},
{"value": "http://h2o.consulting/ns/star-wars#people-44", "name": "Ayla Secura"},
{"value": "http://h2o.consulting/ns/star-wars#people-45", "name": "Dud Bolt"},
{"value": "http://h2o.consulting/ns/star-wars#people-46", "name": "Gasgano"},
{"value": "http://h2o.consulting/ns/star-wars#people-47", "name": "Ben Quadinaros"},
{"value": "http://h2o.consulting/ns/star-wars#people-48", "name": "Mace Windu"},
{"value": "http://h2o.consulting/ns/star-wars#people-49", "name": "Ki-Adi-Mundi"},
{"value": "http://h2o.consulting/ns/star-wars#people-50", "name": "Kit Fisto"},
{"value": "http://h2o.consulting/ns/star-wars#people-51", "name": "Eeth Koth"},
{"value": "http://h2o.consulting/ns/star-wars#people-52", "name": "Adi Gallia"},
{"value": "http://h2o.consulting/ns/star-wars#people-53", "name": "Saesee Tiin"},
{"value": "http://h2o.consulting/ns/star-wars#people-54", "name": "Yarael Poof"},
{"value": "http://h2o.consulting/ns/star-wars#people-55", "name": "Plo Koon"},
{"value": "http://h2o.consulting/ns/star-wars#people-56", "name": "Mas Amedda"},
{"value": "http://h2o.consulting/ns/star-wars#people-57", "name": "Gregar Typho"},
{"value": "http://h2o.consulting/ns/star-wars#people-58", "name": "Cordé"},
{"value": "http://h2o.consulting/ns/star-wars#people-59", "name": "Cliegg Lars"},
{"value": "http://h2o.consulting/ns/star-wars#people-60", "name": "Poggle the Lesser"},
{"value": "http://h2o.consulting/ns/star-wars#people-61", "name": "Luminara Unduli"},
{"value": "http://h2o.consulting/ns/star-wars#people-62", "name": "Barriss Offee"},
{"value": "http://h2o.consulting/ns/star-wars#people-63", "name": "Dormé"},
{"value": "http://h2o.consulting/ns/star-wars#people-64", "name": "Dooku"},
{"value": "http://h2o.consulting/ns/star-wars#people-65", "name": "Bail Prestor Organa"},
{"value": "http://h2o.consulting/ns/star-wars#people-66", "name": "Jango Fett"},
{"value": "http://h2o.consulting/ns/star-wars#people-67", "name": "Zam Wesell"},
{"value": "http://h2o.consulting/ns/star-wars#people-68", "name": "Dexter Jettster"},
{"value": "http://h2o.consulting/ns/star-wars#people-69", "name": "Lama Su"},
{"value": "http://h2o.consulting/ns/star-wars#people-70", "name": "Taun We"},
{"value": "http://h2o.consulting/ns/star-wars#people-71", "name": "Jocasta Nu"},
{"value": "http://h2o.consulting/ns/star-wars#people-72", "name": "Ratts Tyerell"},
{"value": "http://h2o.consulting/ns/star-wars#people-73", "name": "R4-P17"},
{"value": "http://h2o.consulting/ns/star-wars#people-74", "name": "Wat Tambor"},
{"value": "http://h2o.consulting/ns/star-wars#people-75", "name": "San Hill"},
{"value": "http://h2o.consulting/ns/star-wars#people-76", "name": "Shaak Ti"},
{"value": "http://h2o.consulting/ns/star-wars#people-77", "name": "Grievous"},
{"value": "http://h2o.consulting/ns/star-wars#people-78", "name": "Tarfful"},
{"value": "http://h2o.consulting/ns/star-wars#people-79", "name": "Raymus Antilles"},
{"value": "http://h2o.consulting/ns/star-wars#people-80", "name": "Sly Moore"},
{"value": "http://h2o.consulting/ns/star-wars#people-81", "name": "Tion Medon"},
{"value": "http://h2o.consulting/ns/star-wars#people-82", "name": "Finn"},
{"value": "http://h2o.consulting/ns/star-wars#people-83", "name": "Rey"},
{"value": "http://h2o.consulting/ns/star-wars#people-84", "name": "Poe Dameron"},
{"value": "http://h2o.consulting/ns/star-wars#people-85", "name": "BB8"},
{"value": "http://h2o.consulting/ns/star-wars#people-86", "name": "Captain Phasma"},
{"value": "http://h2o.consulting/ns/star-wars#people-87", "name": "Padmé Amidala"},
{"value": "http://h2o.consulting/ns/star-wars#planets-1", "name": "Alderaan"},
{"value": "http://h2o.consulting/ns/star-wars#planets-2", "name": "Yavin IV"},
{"value": "http://h2o.consulting/ns/star-wars#planets-3", "name": "Hoth"},
{"value": "http://h2o.consulting/ns/star-wars#planets-4", "name": "Dagobah"},
{"value": "http://h2o.consulting/ns/star-wars#planets-5", "name": "Bespin"},
{"value": "http://h2o.consulting/ns/star-wars#planets-6", "name": "Endor"},
{"value": "http://h2o.consulting/ns/star-wars#planets-7", "name": "Naboo"},
{"value": "http://h2o.consulting/ns/star-wars#planets-8", "name": "Coruscant"},
{"value": "http://h2o.consulting/ns/star-wars#planets-9", "name": "Kamino"},
{"value": "http://h2o.consulting/ns/star-wars#planets-10", "name": "Geonosis"},
{"value": "http://h2o.consulting/ns/star-wars#planets-11", "name": "Utapau"},
{"value": "http://h2o.consulting/ns/star-wars#planets-12", "name": "Mustafar"},
{"value": "http://h2o.consulting/ns/star-wars#planets-13", "name": "Kashyyyk"},
{"value": "http://h2o.consulting/ns/star-wars#planets-14", "name": "Polis Massa"},
{"value": "http://h2o.consulting/ns/star-wars#planets-15", "name": "Mygeeto"},
{"value": "http://h2o.consulting/ns/star-wars#planets-16", "name": "Felucia"},
{"value": "http://h2o.consulting/ns/star-wars#planets-17", "name": "Cato Neimoidia"},
{"value": "http://h2o.consulting/ns/star-wars#planets-18", "name": "Saleucami"},
{"value": "http://h2o.consulting/ns/star-wars#planets-19", "name": "Stewjon"},
{"value": "http://h2o.consulting/ns/star-wars#planets-20", "name": "Eriadu"},
{"value": "http://h2o.consulting/ns/star-wars#planets-21", "name": "Corellia"},
{"value": "http://h2o.consulting/ns/star-wars#planets-22", "name": "Rodia"},
{"value": "http://h2o.consulting/ns/star-wars#planets-23", "name": "Nal Hutta"},
{"value": "http://h2o.consulting/ns/star-wars#planets-24", "name": "Dantooine"},
{"value": "http://h2o.consulting/ns/star-wars#planets-25", "name": "Bestine IV"},
{"value": "http://h2o.consulting/ns/star-wars#planets-26", "name": "Ord Mantell"},
{"value": "http://h2o.consulting/ns/star-wars#planets-27", "name": "unknown"},
{"value": "http://h2o.consulting/ns/star-wars#planets-28", "name": "Trandosha"},
{"value": "http://h2o.consulting/ns/star-wars#planets-29", "name": "Socorro"},
{"value": "http://h2o.consulting/ns/star-wars#planets-30", "name": "Mon Cala"},
{"value": "http://h2o.consulting/ns/star-wars#planets-31", "name": "Chandrila"},
{"value": "http://h2o.consulting/ns/star-wars#planets-32", "name": "Sullust"},
{"value": "http://h2o.consulting/ns/star-wars#planets-33", "name": "Toydaria"},
{"value": "http://h2o.consulting/ns/star-wars#planets-34", "name": "Malastare"},
{"value": "http://h2o.consulting/ns/star-wars#planets-35", "name": "Dathomir"},
{"value": "http://h2o.consulting/ns/star-wars#planets-36", "name": "Ryloth"},
{"value": "http://h2o.consulting/ns/star-wars#planets-37", "name": "Aleen Minor"},
{"value": "http://h2o.consulting/ns/star-wars#planets-38", "name": "Vulpter"},
{"value": "http://h2o.consulting/ns/star-wars#planets-39", "name": "Troiken"},
{"value": "http://h2o.consulting/ns/star-wars#planets-40", "name": "Tund"},
{"value": "http://h2o.consulting/ns/star-wars#planets-41", "name": "Haruun Kal"},
{"value": "http://h2o.consulting/ns/star-wars#planets-42", "name": "Cerea"},
{"value": "http://h2o.consulting/ns/star-wars#planets-43", "name": "Glee Anselm"},
{"value": "http://h2o.consulting/ns/star-wars#planets-44", "name": "Iridonia"},
{"value": "http://h2o.consulting/ns/star-wars#planets-45", "name": "Tholoth"},
{"value": "http://h2o.consulting/ns/star-wars#planets-46", "name": "Iktotch"},
{"value": "http://h2o.consulting/ns/star-wars#planets-47", "name": "Quermia"},
{"value": "http://h2o.consulting/ns/star-wars#planets-48", "name": "Dorin"},
{"value": "http://h2o.consulting/ns/star-wars#planets-49", "name": "Champala"},
{"value": "http://h2o.consulting/ns/star-wars#planets-50", "name": "Mirial"},
{"value": "http://h2o.consulting/ns/star-wars#planets-51", "name": "Serenno"},
{"value": "http://h2o.consulting/ns/star-wars#planets-52", "name": "Concord Dawn"},
{"value": "http://h2o.consulting/ns/star-wars#planets-53", "name": "Zolan"},
{"value": "http://h2o.consulting/ns/star-wars#planets-54", "name": "Ojom"},
{"value": "http://h2o.consulting/ns/star-wars#planets-55", "name": "Skako"},
{"value": "http://h2o.consulting/ns/star-wars#planets-56", "name": "Muunilinst"},
{"value": "http://h2o.consulting/ns/star-wars#planets-57", "name": "Shili"},
{"value": "http://h2o.consulting/ns/star-wars#planets-58", "name": "Kalee"},
{"value": "http://h2o.consulting/ns/star-wars#planets-59", "name": "Umbara"},
{"value": "http://h2o.consulting/ns/star-wars#planets-60", "name": "Tatooine"},
{"value": "http://h2o.consulting/ns/star-wars#planets-61", "name": "Jakku"},
{"value": "http://h2o.consulting/ns/star-wars#films-1", "name": "A New Hope"},
{"value": "http://h2o.consulting/ns/star-wars#films-2", "name": "The Empire Strikes Back"},
{"value": "http://h2o.consulting/ns/star-wars#films-3", "name": "Return of the Jedi"},
{"value": "http://h2o.consulting/ns/star-wars#films-4", "name": "The Phantom Menace"},
{"value": "http://h2o.consulting/ns/star-wars#films-5", "name": "Attack of the Clones"},
{"value": "http://h2o.consulting/ns/star-wars#films-6", "name": "Revenge of the Sith"},
{"value": "http://h2o.consulting/ns/star-wars#films-7", "name": "The Force Awakens"},
{"value": "http://h2o.consulting/ns/star-wars#species-1", "name": "Hutt"},
{"value": "http://h2o.consulting/ns/star-wars#species-2", "name": "Yoda's species"},
{"value": "http://h2o.consulting/ns/star-wars#species-3", "name": "Trandoshan"},
{"value": "http://h2o.consulting/ns/star-wars#species-4", "name": "Mon Calamari"},
{"value": "http://h2o.consulting/ns/star-wars#species-5", "name": "Ewok"},
{"value": "http://h2o.consulting/ns/star-wars#species-6", "name": "Sullustan"},
{"value": "http://h2o.consulting/ns/star-wars#species-7", "name": "Neimodian"},
{"value": "http://h2o.consulting/ns/star-wars#species-8", "name": "Gungan"},
{"value": "http://h2o.consulting/ns/star-wars#species-9", "name": "Toydarian"},
{"value": "http://h2o.consulting/ns/star-wars#species-10", "name": "Dug"},
{"value": "http://h2o.consulting/ns/star-wars#species-11", "name": "Twi'lek"},
{"value": "http://h2o.consulting/ns/star-wars#species-12", "name": "Aleena"},
{"value": "http://h2o.consulting/ns/star-wars#species-13", "name": "Vulptereen"},
{"value": "http://h2o.consulting/ns/star-wars#species-14", "name": "Xexto"},
{"value": "http://h2o.consulting/ns/star-wars#species-15", "name": "Toong"},
{"value": "http://h2o.consulting/ns/star-wars#species-16", "name": "Cerean"},
{"value": "http://h2o.consulting/ns/star-wars#species-17", "name": "Nautolan"},
{"value": "http://h2o.consulting/ns/star-wars#species-18", "name": "Zabrak"},
{"value": "http://h2o.consulting/ns/star-wars#species-19", "name": "Tholothian"},
{"value": "http://h2o.consulting/ns/star-wars#species-20", "name": "Iktotchi"},
{"value": "http://h2o.consulting/ns/star-wars#species-21", "name": "Quermian"},
{"value": "http://h2o.consulting/ns/star-wars#species-22", "name": "Kel Dor"},
{"value": "http://h2o.consulting/ns/star-wars#species-23", "name": "Chagrian"},
{"value": "http://h2o.consulting/ns/star-wars#species-24", "name": "Geonosian"},
{"value": "http://h2o.consulting/ns/star-wars#species-25", "name": "Mirialan"},
{"value": "http://h2o.consulting/ns/star-wars#species-26", "name": "Clawdite"},
{"value": "http://h2o.consulting/ns/star-wars#species-27", "name": "Besalisk"},
{"value": "http://h2o.consulting/ns/star-wars#species-28", "name": "Kaminoan"},
{"value": "http://h2o.consulting/ns/star-wars#species-29", "name": "Skakoan"},
{"value": "http://h2o.consulting/ns/star-wars#species-30", "name": "Muun"},
{"value": "http://h2o.consulting/ns/star-wars#species-31", "name": "Togruta"},
{"value": "http://h2o.consulting/ns/star-wars#species-32", "name": "Kaleesh"},
{"value": "http://h2o.consulting/ns/star-wars#species-33", "name": "Pau'an"},
{"value": "http://h2o.consulting/ns/star-wars#species-34", "name": "Wookiee"},
{"value": "http://h2o.consulting/ns/star-wars#species-35", "name": "Droid"},
{"value": "http://h2o.consulting/ns/star-wars#species-36", "name": "Human"},
{"value": "http://h2o.consulting/ns/star-wars#species-37", "name": "Rodian"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-1", "name": "Sand Crawler"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-2", "name": "T-16 skyhopper"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-3", "name": "X-34 landspeeder"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-4", "name": "TIE/LN starfighter"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-5", "name": "Snowspeeder"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-6", "name": "TIE bomber"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-7", "name": "AT-AT"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-8", "name": "AT-ST"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-9", "name": "Storm IV Twin-Pod cloud car"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-10", "name": "Sail barge"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-11", "name": "Bantha-II cargo skiff"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-12", "name": "TIE/IN interceptor"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-13", "name": "Imperial Speeder Bike"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-14", "name": "Vulture Droid"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-15", "name": "Multi-Troop Transport"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-16", "name": "Armored Assault Tank"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-17", "name": "Single Trooper Aerial Platform"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-18", "name": "C-9979 landing craft"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-19", "name": "Tribubble bongo"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-20", "name": "Sith speeder"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-21", "name": "Zephyr-G swoop bike"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-22", "name": "Koro-2 Exodrive airspeeder"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-23", "name": "XJ-6 airspeeder"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-24", "name": "LAAT/i"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-25", "name": "LAAT/c"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-26", "name": "Tsmeu-6 personal wheel bike"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-27", "name": "Emergency Firespeeder"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-28", "name": "Droid tri-fighter"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-29", "name": "Oevvaor jet catamaran"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-30", "name": "Raddaugh Gnasp fluttercraft"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-31", "name": "Clone turbo tank"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-32", "name": "Corporate Alliance tank droid"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-33", "name": "Droid gunship"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-34", "name": "AT-RT"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-35", "name": "AT-TE"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-36", "name": "SPHA"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-37", "name": "Flitknot speeder"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-38", "name": "Neimoidian shuttle"},
{"value": "http://h2o.consulting/ns/star-wars#vehicles-39", "name": "Geonosian starfighter"},
{"value": "http://h2o.consulting/ns/star-wars#starships-1", "name": "Sentinel-class landing craft"},
{"value": "http://h2o.consulting/ns/star-wars#starships-2", "name": "Death Star"},
{"value": "http://h2o.consulting/ns/star-wars#starships-3", "name": "Millennium Falcon"},
{"value": "http://h2o.consulting/ns/star-wars#starships-4", "name": "Y-wing"},
{"value": "http://h2o.consulting/ns/star-wars#starships-5", "name": "X-wing"},
{"value": "http://h2o.consulting/ns/star-wars#starships-6", "name": "TIE Advanced x1"},
{"value": "http://h2o.consulting/ns/star-wars#starships-7", "name": "Executor"},
{"value": "http://h2o.consulting/ns/star-wars#starships-8", "name": "Slave 1"},
{"value": "http://h2o.consulting/ns/star-wars#starships-9", "name": "Imperial shuttle"},
{"value": "http://h2o.consulting/ns/star-wars#starships-10", "name": "EF76 Nebulon-B escort frigate"},
{"value": "http://h2o.consulting/ns/star-wars#starships-11", "name": "Calamari Cruiser"},
{"value": "http://h2o.consulting/ns/star-wars#starships-12", "name": "A-wing"},
{"value": "http://h2o.consulting/ns/star-wars#starships-13", "name": "B-wing"},
{"value": "http://h2o.consulting/ns/star-wars#starships-14", "name": "Republic Cruiser"},
{"value": "http://h2o.consulting/ns/star-wars#starships-15", "name": "Naboo fighter"},
{"value": "http://h2o.consulting/ns/star-wars#starships-16", "name": "Naboo Royal Starship"},
{"value": "http://h2o.consulting/ns/star-wars#starships-17", "name": "Scimitar"},
{"value": "http://h2o.consulting/ns/star-wars#starships-18", "name": "J-type diplomatic barge"},
{"value": "http://h2o.consulting/ns/star-wars#starships-19", "name": "AA-9 Coruscant freighter"},
{"value": "http://h2o.consulting/ns/star-wars#starships-20", "name": "Jedi starfighter"},
{"value": "http://h2o.consulting/ns/star-wars#starships-21", "name": "H-type Nubian yacht"},
{"value": "http://h2o.consulting/ns/star-wars#starships-22", "name": "Star Destroyer"},
{"value": "http://h2o.consulting/ns/star-wars#starships-23", "name": "Trade Federation cruiser"},
{"value": "http://h2o.consulting/ns/star-wars#starships-24", "name": "Theta-class T-2c shuttle"},
{"value": "http://h2o.consulting/ns/star-wars#starships-25", "name": "T-70 X-wing fighter"},
{"value": "http://h2o.consulting/ns/star-wars#starships-26", "name": "Rebel transport"},
{"value": "http://h2o.consulting/ns/star-wars#starships-27", "name": "Droid control ship"},
{"value": "http://h2o.consulting/ns/star-wars#starships-28", "name": "Republic Assault ship"},
{"value": "http://h2o.consulting/ns/star-wars#starships-29", "name": "Solar Sailer"},
{"value": "http://h2o.consulting/ns/star-wars#starships-30", "name": "Republic attack cruiser"},
{"value": "http://h2o.consulting/ns/star-wars#starships-31", "name": "Naboo star skiff"},
{"value": "http://h2o.consulting/ns/star-wars#starships-32", "name": "Jedi Interceptor"},
{"value": "http://h2o.consulting/ns/star-wars#starships-33", "name": "arc-170"},
{"value": "http://h2o.consulting/ns/star-wars#starships-34", "name": "Banking clan frigte"},
{"value": "http://h2o.consulting/ns/star-wars#starships-35", "name": "Belbullab-22 starfighter"},
{"value": "http://h2o.consulting/ns/star-wars#starships-36", "name": "V-wing"},
{"value": "http://h2o.consulting/ns/star-wars#starships-37", "name": "CR90 corvette"}
]
.sort((a, b) => a.name.localeCompare(b.name))
});
});
</script>
</body>
</html>
Raw
fomantic-dropdown-search-values.html
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.8.7/dist/semantic.min.css">
<script src="https://cdn.jsdelivr.net/npm/fomantic-ui@2.8.7/dist/semantic.min.js"></script>
<style>
.container {
padding: 5em 0em;
}
.ui.dropdown {
margin-bottom: 10px;
}
</style>
</head>
<body>
<div class="ui main text container">
<h1 class="ui header">Dropdown search</h1>
<p>Sample dropdown, for testing full-text search. Values look like the following:</p>
<pre>
{value: "A New Hope", name: "A New Hope"}</pre>
<p>The dropdown:</p>
<div class="ui fluid search selection dropdown" id="list">
<input type="hidden" name="item">
<div class="default text">Items...</div>
<i class="dropdown icon"></i>
<div class="menu"></div>
</div>
<p>Weird matches are returned. Try e.g. "<code>hope</code>". See
<a href="https://jsfiddle.net/0hsrpzdu/">https://jsfiddle.net/0hsrpzdu/</a>.</p>
<script>
$(function() {
$('#list').dropdown({
clearable: true,
forceSelection: false,
fullTextSearch: true,
ignoreDiacritics: true,
values: [
"Luke Skywalker",
"C-3PO",
"R2-D2",
"Darth Vader",
"Leia Organa",
"Owen Lars",
"Beru Whitesun lars",
"R5-D4",
"Biggs Darklighter",
"Obi-Wan Kenobi",
"Anakin Skywalker",
"Wilhuff Tarkin",
"Chewbacca",
"Han Solo",
"Greedo",
"Jabba Desilijic Tiure",
"Wedge Antilles",
"Jek Tono Porkins",
"Yoda",
"Palpatine",
"Boba Fett",
"IG-88",
"Bossk",
"Lando Calrissian",
"Lobot",
"Ackbar",
"Mon Mothma",
"Arvel Crynyd",
"Wicket Systri Warrick",
"Nien Nunb",
"Qui-Gon Jinn",
"Nute Gunray",
"Finis Valorum",
"Jar Jar Binks",
"Roos Tarpals",
"Rugor Nass",
"Ric Olié",
"Watto",
"Sebulba",
"Quarsh Panaka",
"Shmi Skywalker",
"Darth Maul",
"Bib Fortuna",
"Ayla Secura",
"Dud Bolt",
"Gasgano",
"Ben Quadinaros",
"Mace Windu",
"Ki-Adi-Mundi",
"Kit Fisto",
"Eeth Koth",
"Adi Gallia",
"Saesee Tiin",
"Yarael Poof",
"Plo Koon",
"Mas Amedda",
"Gregar Typho",
"Cordé",
"Cliegg Lars",
"Poggle the Lesser",
"Luminara Unduli",
"Barriss Offee",
"Dormé",
"Dooku",
"Bail Prestor Organa",
"Jango Fett",
"Zam Wesell",
"Dexter Jettster",
"Lama Su",
"Taun We",
"Jocasta Nu",
"Ratts Tyerell",
"R4-P17",
"Wat Tambor",
"San Hill",
"Shaak Ti",
"Grievous",
"Tarfful",
"Raymus Antilles",
"Sly Moore",
"Tion Medon",
"Finn",
"Rey",
"Poe Dameron",
"BB8",
"Captain Phasma",
"Padmé Amidala",
"Alderaan",
"Yavin IV",
"Hoth",
"Dagobah",
"Bespin",
"Endor",
"Naboo",
"Coruscant",
"Kamino",
"Geonosis",
"Utapau",
"Mustafar",
"Kashyyyk",
"Polis Massa",
"Mygeeto",
"Felucia",
"Cato Neimoidia",
"Saleucami",
"Stewjon",
"Eriadu",
"Corellia",
"Rodia",
"Nal Hutta",
"Dantooine",
"Bestine IV",
"Ord Mantell",
"unknown",
"Trandosha",
"Socorro",
"Mon Cala",
"Chandrila",
"Sullust",
"Toydaria",
"Malastare",
"Dathomir",
"Ryloth",
"Aleen Minor",
"Vulpter",
"Troiken",
"Tund",
"Haruun Kal",
"Cerea",
"Glee Anselm",
"Iridonia",
"Tholoth",
"Iktotch",
"Quermia",
"Dorin",
"Champala",
"Mirial",
"Serenno",
"Concord Dawn",
"Zolan",
"Ojom",
"Skako",
"Muunilinst",
"Shili",
"Kalee",
"Umbara",
"Tatooine",
"Jakku",
"A New Hope",
"The Empire Strikes Back",
"Return of the Jedi",
"The Phantom Menace",
"Attack of the Clones",
"Revenge of the Sith",
"The Force Awakens",
"Hutt",
"Yoda's species",
"Trandoshan",
"Mon Calamari",
"Ewok",
"Sullustan",
"Neimodian",
"Gungan",
"Toydarian",
"Dug",
"Twi'lek",
"Aleena",
"Vulptereen",
"Xexto",
"Toong",
"Cerean",
"Nautolan",
"Zabrak",
"Tholothian",
"Iktotchi",
"Quermian",
"Kel Dor",
"Chagrian",
"Geonosian",
"Mirialan",
"Clawdite",
"Besalisk",
"Kaminoan",
"Skakoan",
"Muun",
"Togruta",
"Kaleesh",
"Pau'an",
"Wookiee",
"Droid",
"Human",
"Rodian",
"Sand Crawler",
"T-16 skyhopper",
"X-34 landspeeder",
"TIE/LN starfighter",
"Snowspeeder",
"TIE bomber",
"AT-AT",
"AT-ST",
"Storm IV Twin-Pod cloud car",
"Sail barge",
"Bantha-II cargo skiff",
"TIE/IN interceptor",
"Imperial Speeder Bike",
"Vulture Droid",
"Multi-Troop Transport",
"Armored Assault Tank",
"Single Trooper Aerial Platform",
"C-9979 landing craft",
"Tribubble bongo",
"Sith speeder",
"Zephyr-G swoop bike",
"Koro-2 Exodrive airspeeder",
"XJ-6 airspeeder",
"LAAT/i",
"LAAT/c",
"Tsmeu-6 personal wheel bike",
"Emergency Firespeeder",
"Droid tri-fighter",
"Oevvaor jet catamaran",
"Raddaugh Gnasp fluttercraft",
"Clone turbo tank",
"Corporate Alliance tank droid",
"Droid gunship",
"AT-RT",
"AT-TE",
"SPHA",
"Flitknot speeder",
"Neimoidian shuttle",
"Geonosian starfighter",
"Sentinel-class landing craft",
"Death Star",
"Millennium Falcon",
"Y-wing",
"X-wing",
"TIE Advanced x1",
"Executor",
"Slave 1",
"Imperial shuttle",
"EF76 Nebulon-B escort frigate",
"Calamari Cruiser",
"A-wing",
"B-wing",
"Republic Cruiser",
"Naboo fighter",
"Naboo Royal Starship",
"Scimitar",
"J-type diplomatic barge",
"AA-9 Coruscant freighter",
"Jedi starfighter",
"H-type Nubian yacht",
"Star Destroyer",
"Trade Federation cruiser",
"Theta-class T-2c shuttle",
"T-70 X-wing fighter",
"Rebel transport",
"Droid control ship",
"Republic Assault ship",
"Solar Sailer",
"Republic attack cruiser",
"Naboo star skiff",
"Jedi Interceptor",
"arc-170",
"Banking clan frigte",
"Belbullab-22 starfighter",
"V-wing",
"CR90 corvette"
]
.sort()
.map(n => ({value: n, name: n}))
});
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment