Create a dropdown from a list of links using JS/JQuery
<p>I have a td that contains some links.</p>

<p>I want to convert these links into dropdown options (the links load a new page or carryout further changes on the page)</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;td class="listActions"&gt;
    &lt;a href="/edit"&gt;edit&lt;/a&gt;
    &lt;a href="/eraseRecordOnThisPage"&gt;erase&lt;/a&gt;
    &lt;a href="/payments"&gt;Payment&lt;/a&gt;
    &lt;a href="/cancel"&gt;Cancel&lt;/a&gt;
&lt;/td&gt;</code></pre>
</div>
</div>
</p>

<p>I would like to create a dropdown inside the td.</p>

<p>Any ideas how I would go about doing that using Javascript or JQuery(&lt;2.0)</p>