<div class="TypeListBox">
    <div id="dd" class="wrapper-dropdown-3" tabindex="1">
        <span>Food</span>
            <ul class="dropdown">
                <li><a href="#"><i class="fas fa-pizza-slice"></i></i>Pizza</a></li>
                <li><a href="#"><i class="fas fa-pepper-hot"></i></i>Mexican</a></li>
                <li><a href="#"><i class="fas fa-hamburger"></i></i>Burgers</a></li>

            </ul>
    </div>
</div>

<div class="TypeListBox">
   <div id="dd" class="wrapper-dropdown-3" tabindex="1">
    <span>Food</span>
        <ul class="dropdown">
            <li><a href="javascript:void(0);" onclick="functionABC('Pizza')"><i class="fas fa-pizza-slice"></i></i>Pizza</a></li>
            <li><a href="javascript:void(0);" onclick="functionABC('Mexican')"><i class="fas fa-pepper-hot"></i></i>Mexican</a></li>
            <li><a href="javascript:void(0);" onclick="functionABC('Burgers')"><i class="fas fa-hamburger"></i></i>Burgers</a></li>
        </ul>
   </div>
</div>
<script type="text/javascript">
     function functionABC(selectedElement){
        alert(selectedElement);
    }
</script>

<input type="hidden" name="selected" id="selected" value="" />

document.getElementById("selected").value = selectedElement;