Javascript 这是什么组合框或下拉列表？

我希望创建一个类似的组合框或下拉列表，其中包含选择项的框在单击以下页面右侧的“黄金海岸”或“最新”按钮时弹出：

---

它的外观和感觉似乎非常流畅，我想知道在哪里可以获得用于此的Javascript或ASP.Net组件？

我是Deal Zoo的创建者。很高兴为您提供下拉式设计。它是javascript/jquery、css和纯ol'HTML的组合来实现这个结果

您需要确保拥有Jquery库。我使用谷歌托管的版本

HTML是：

<dl class="dropdown">
  <dt><a href=""><span>Newest<span class="icon"></span></span></a></dt>
  <dd>
    <ul style="display: none; ">
      <li><a href="/sydney" class="selected">Newest</a></li>
      <li><a href="/sydney/cheapest" class="">Cheapest</a></li>
      <li><a href="/sydney/popular" class="">Most Popular</a></li>
      <li><a href="/sydney/ending" class="">Ending Soon</a></li>
    </ul>
  </dd>
</dl>

Javascript是：

$（文档）.ready（函数（）{
$（“.下拉列表dt a”）。单击（函数（e）{
e、 预防默认值（）；
$（this）.parents（“.dropdown”）.children（“dd”）.children（“ul”）.toggle（）；
});
$（文档）.bind（'click'，函数（e）{
var$clicked=$（e.target）；
如果（！$clicked.parents（）.hasClass（“下拉菜单”））
$（“.dropdown dd ul”）.hide（）；
});
});

考虑或阅读感谢Dave。比如一个小世界。我不希望发起者在这里发布回复！我让它在没有“$（'.truncatable'）.truncate”和“$（''changeLocation'）.change”的情况下工作。我想知道$（'.truncatable'）和$（'#changeLocation'）指向哪个元素，以及如何使它们工作？我可以看到，$（'#changeLocation'）将在选择下拉列表时拾取已更改的事件，但似乎找不到选择器。谢谢你，伙计！啊，是的，别理那两个。不经意间把他们留在了家里。最好的，dm。