要设置一个动态的下拉框，首先需要使用HTML和JavaScript来实现。可以通过JavaScript动态生成下拉框的选项，并在需要的时候更新选项。
可以使用JavaScript的事件监听器来捕捉下拉框的变化，并根据选择的值来更新下拉框的选项。
可以使用Ajax来从服务器获取数据，并将数据填充到下拉框中。另外，还可以使用JavaScript框架如jQuery来简化操作。总之，动态下拉框的实现需要结合HTML、JavaScript和可能的服务器端代码来完成。
做下拉菜单时，不管怎么触发事件，下拉菜单都不显示。console一下，发现其display一直是none。
.second>li{ width: 300px; height: 30px; list-style: none; background-color: grey; color: #fff; border-bottom: .5px #fff solid; /*页面刷新时不显示，触发事件后显示*/ display: none; }
原因是因为，“display: none;”放错地方了，跟li放一起。但事件触发的是父元素ul，所以无法更改其displaynone属性。
/*display: none;单独放出来，不要跟li放一起*/ .second{ display: none; }
新开一个块控制父级元素，用对应的展开/收起动画控制即可。