Files

T

Glenn Goossens 07d4039480 select-search: naar scripts/, uitvoer naast de bron, URLs naar ua-userscripts

De build schreef naar dist/. In deze repo is het installeerbare bestand altijd
scripts/<naam>/<naam>.user.js, zodat elke installatielink af te leiden valt zonder
in de repo te kijken. @version naar 1.1.0 zodat bestaande installaties die via de
doorverwijzing in de oude repo binnenkomen, hierna nog een stap omhoog doen.
De installatie-uitleg staat voortaan een niveau hoger in de hoofd-README.

2026-08-29 13:35:43 +02:00

2.1 KiB

Raw Blame History

select-search

Geeft elke <select> met veel opties een zoekveld. Een native dropdown zoekt alleen op de eerste letters, dus "Poule" vinden in "Restaurant Poule & Poulette B.V." lukt niet. Met dit script wel.

Het originele <select> blijft de bron van waarheid en wordt enkel verborgen. Het formulier verstuurt dus exact hetzelfde als voorheen.

Installeren · gebeurt er niets, zie de installatie-uitleg.

Gebruik

Klik een dropdown aan en typ.

Zoekt op substring, negeert accenten: genee vindt Genée.
Meerdere woorden in willekeurige volgorde: poule rest vindt Restaurant Poule & Poulette B.V.
Pijltjes navigeren, Enter kiest, Escape sluit, Tab kiest en gaat verder.
Dropdowns met minder dan 10 opties blijven onaangeroerd.
Boven 200 treffers toont het enkel het aantal. Verfijn dan je zoekterm.

Problemen

Symptoom	Oplossing
Eén veld doet raar	Alt+klik op het zoekveld zet daar het originele menu terug
Veld moet altijd overgeslagen	Zet `data-nosearch` op de `<select>`
Niets gebeurt op de pagina	Check in het Tampermonkey-dashboard of de URL onder `@match` valt
Formulier zit in een iframe van een ander domein	Niet op te lossen, browserbeperking

Bookmarklet

Alternatief zonder extensie, voor wie geen extensies mag installeren. Werkt overal, maar je klikt hem zelf aan per pagina.

Kopieer de inhoud van bookmarklet.txt.
Maak een bladwijzer met naam Zoek in dropdown en die tekst als URL.
Klik hem aan op de pagina met de dropdown. Nog eens klikken doet een herscan.

Sites met een strikte Content-Security-Policy blokkeren bookmarklets. Dan is de extensie de enige route.

Ontwikkelen

src/select-search.js bevat de volledige logica, zonder dependencies.

./build.sh                    # genereert select-search.user.js en bookmarklet.txt
python3 -m http.server 8731   # open http://localhost:8731/test/fixture.html

Hoog bij elke wijziging @version op in src/userscript-header.txt, anders krijgt niemand de update binnen.

2.1 KiB Raw Blame History