JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

<p id="url">http://xepil.proa.hu/hozzam-ill-termekek?filterByExperiance=106&filterByBodyPart=111&filterBySkinType=103&filterByFeature=109</p>
<p id="filter">as</p>
<p id="number">as</p>
</br>
<select id="filterByExperiance" name="filterByExperiance" class="styleselect">
    <option value="0">Tapasztalat</option>
    <option value="0">- mindegy -</option>
    <option value="101">Kezdő</option>
    <option value="106">Haladó</option>
    <option value="110">Profi</option>			    
</select>
<select id="filterByBodyPart" name="filterByBodyPart" class="styleselect">
    <option value="0">Testrész</option>
    <option value="0">- mindegy -</option>
    <option value="102">Arc</option>
    <option value="107">Hónalj</option>
    <option value="111">Kar</option>
    <option value="113">Bikini</option>
    <option value="114">Láb</option>
    <option value="115">Test</option>			
</select>
<select id="filterBySkinType" name="filterBySkinType" class="styleselect">
    <option value="0">Bőrtípus</option>
    <option value="0">- mindegy -</option>
    <option value="103">Normál</option>
    <option value="108">Érzékeny</option>			
</select>
<select id="filterByFeature" name="filterByFeature" class="styleselect">
    <option value="0">Számomra fontos</option>
    <option value="0">- mindegy -</option>
    <option value="104">Gyors megoldás</option>
    <option value="109">Hosszantartó megoldás</option>
    <option value="112">Fájdalommentes megoldás</option>				
</select>

CSS

p{
    margin-top: 0;
}
#filter{
    display: inline-block;
    color: blue;
}
#number{
    display: inline-block;
    color: red;
}

JavaScript

var data =$('#url').text();
var array = data.split('?');
var arraytwo = array[1].split('&');


for (var i = 0; i < arraytwo.length; i++) {
    var filter = arraytwo[i].split("=")[0];
    var number = arraytwo[i].split("=")[1];
    
    $('#'+filter).val(number);
    
    $("#filter").html(filter);
    $("#number").html(number);
}