JSFiddle - React, Tailwind, and code Playground

HTML

<dl id="sample_dp_1" class="dropdown2"> <dt><a href="#"><span></span></a></dt>

            <dd>
                <ul>
                    <li><a href="#">Value Here</a>
                    </li>
                    <li><a href="#">Value Here</a>
                    </li>
                    <li><a href="#">Value Here</a>
                    </li>
                    <li><a href="#">Value Here</a>
                    </li>
                    <li><a href="#">Value Here</a>
                    </li>
                    <li><a href="#">Value Here</a>
                    </li>
                    <li><a href="#">Value Here</a>
                    </li>
                    <li><a href="#">Value Here</a>
                    </li>
                </ul>
            </dd>
        </dl>
<div id="add_dd"></div>

JavaScript

$('#sample_dp_1 li').click(function(){
     var data = $('#add_dd').html();
    data = data + '<li>'+ $(this).text() + '</li>';
    $('#add_dd').html(data);
});