JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<head>
<title></title>
<link href='https://fonts.googleapis.com/css?family=Nunito:400,300,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap-select.min.css">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
</head>
<body>
<div class="container-fluid">
<center><div id="siteName"><h1><b>Fiddle</b></h1></div></center>
<center>
<form action="" method="post" id="findroll">
<select class="js-example-basic-single" name="gun" id="gun">
<option data-lookup="" value=""></option>
<option data-lookup="is:autorifle, hash:821154603, season:06, energy:void" value="Gnawing Hunger|Drifter">Gnawing Hunger (Drifter)</option>
<option data-lookup="is:shotgun, hash:755130877, season:06, energy:solar" value="Last Man Standing|Drifter">Last Man Standing (Drifter)</option>
<option data-lookup="is:pulserifle, hash:299665907, season:06, energy:solar" value="Outlast|Drifter">Outlast (Drifter)</option>
<option data-lookup="is:sniperrifle, hash:1115104187, season:06, energy:arc" value="Sole Survivor|Drifter">Sole Survivor (Drifter)</option>
<option data-lookup="is:grenadelauncher, hash:736901634, season:06, energy:arc" value="Doomsday|Drifter">Doomsday (Drifter)</option>
<option data-lookup="is:sword, hash:715338174, season:06, energy:solar" value="Just In Case|Drifter">Just In Case (Drifter)</option>
<option data-lookup="is:sniperrifle, hash:654608616, season:07, energy:kinetic" value="Revoker|Opulence">Revoker (Opulence)</option>
<option data-lookup="is:combatbow, hash:1584643826, season:07, energy:solar" value="Hush|Opulence">Hush (Opulence)</option>
<option...