JSFiddle - React, Tailwind, and code Playground

by jameswiseman

HTML

<script type="text/javascript" language="javascript">
var zaloha = new Array();
function filtrovanie(objekt){
    var zoznam = document.getElementById("filtruj");
    var pocet = 0;
    if(zaloha!="")
        for(i=0;i<zaloha.length;i++)
            zoznam.appendChild(zaloha[i]);
    for(i=0;i<zoznam.length;i++){
        moznost=zoznam.getElementsByTagName("option")[i];
        if(moznost.getAttribute("title").toUpperCase() != objekt.getAttribute("name").toUpperCase()){
            zaloha[pocet]=moznost;
            pocet++;
            zoznam.removeChild(moznost);
            i--;
        }
    }
}
</script>
</head>

<body>
<select name="options_id" size="5">
<option onClick="filtrovanie(this)"  name="Farba" value="1">Farba&nbsp;&nbsp;&nbsp;[Radio]/option>
<option onClick="filtrovanie(this)"  name="Pohlavie" value="5">Pohlavie&nbsp;&nbsp;&nbsp;Radio]</option>
<option onClick="filtrovanie(this)"  name="Vek" value="4">Vek&nbsp;&nbsp;&nbsp;[Dropdown]/option>
<option onClick="filtrovanie(this)"  name="Veľkosť" value="2">Veľkosť&nbsp;&nbsp;&nbsp;Dropdown]</option>
</select>

<select id="filtruj" multiple="multiple" name="values_id[]" size="5">
<option title="FARBA" name="Biela" value="30">Biela&nbsp;&nbsp;&nbsp;[FARBA]</option>
<option title="FARBA" name="Fialová" value="27">Fialová&nbsp;&nbsp;&nbsp;[FARBA]</option>
<option title="FARBA" name="Oranžová" value="88">Oranžová&nbsp;&nbsp;&nbsp;[FARBA]</option>
<option title="FARBA" name="šedá" value="101">šedá&nbsp;&nbsp;&nbsp;[FARBA]</option>
<option title="FARBA" name="Červená" value="16">Červená&nbsp;&nbsp;&nbsp;[FARBA]</option>
<option title="FARBA" name="Čierna" value="29">Čierna&nbsp;&nbsp;&nbsp;[FARBA]</option>
<option title="POHLAVIE" name="Chlapec" value="97">Chlapec&nbsp;&nbsp;&nbsp;[POHLAVIE]</option>
<option title="POHLAVIE" name="Dievča" value="98">Dievča&nbsp;&nbsp;&nbsp;[POHLAVIE]</option>
<option title="RESERVED FOR TEXT/FILES ONLY ATTRIBUTES" name="TEXT" value="0">TEXT&nbsp;&nbsp;&nbsp;[RESERVED FOR...