JSFiddle - React, Tailwind, and code Playground

by crislivinitup

HTML

<select id="CardType" name="creditCardType">
    <option value="%">All Cards</option>
    <option value="AmEx" id='amE'>American Express</option>
    <option value="CarteBlanche">Carte Blanche</option>
    <option value="DinersClub">Diners Club</option>
    <option value="Discover">Discover</option>
    <option value="EnRoute">enRoute</option>
    <option value="JCB">JCB</option>
    <option value="Maestro">Maestro</option>
    <option value="MasterCard">MasterCard</option>
    <option value="Solo">Solo</option>
    <option value="Switch">Switch</option>
    <option value="Visa">Visa</option>
    <option value="VisaElectron">Visa Electron</option>
    <option value="LaserCard">Laser</option>
</select>

<select id="CardType" name="creditCardType" size=17>
    <option value="%">All Cards</option>
    <option value="AmEx" id='amE'>American Express</option>
    <option value="CarteBlanche">Carte Blanche</option>
    <option value="DinersClub">Diners Club</option>
    <option value="Discover">Discover</option>
    <option value="EnRoute">enRoute</option>
    <option value="JCB">JCB</option>
    <option value="Maestro">Maestro</option>
    <option value="MasterCard">MasterCard</option>
    <option value="Solo">Solo</option>
    <option value="Switch">Switch</option>
    <option value="Visa">Visa</option>
    <option value="VisaElectron">Visa Electron</option>
    <option value="LaserCard">Laser</option>
</select>