JSFiddle - React, Tailwind, and code Playground

by Ulrich Bangert

HTML

<li class="list-group-item">
    <a href="javascript:;" onclick="toggle_div('stunden');">Stunden</a>          	
    <div id='stunden' style='display:none;' class="filter_div">            	
        <select id="filter_stunden" name="filter_stunden" class="selectpicker" data-live-search="true" data-width="100%" data-actions-box="true">                    
            <option value="" selected>Alles</option>                    
            <option value="1">Stunden komplett verbraucht</option>                    
            <option value="2">Stunden überschritten</option>                    
            <option value="3">Stunden überschritten (Projekte ohne Stundenlimit ausschließen)</option>                    
            <option value="4">Stundenlimit nicht überschritten</option>                    
            <option value="5">Bereits Stunden gebucht</option>                
        </select>            
    </div>         
</li>

JavaScript

console.log("FILTER:'" + $('#filter_stunden').closest("li").find("a").text() + "': " + $("#filter_stunden option:selected").text());