javascript - 请问如何用JS实现这种样式的下拉列表，最好还能使用循环输出各个年份。

Question

Answer 1

用原生的标签就 select 里面循环输出 option，不过题主应该是想问自己扩展功能吧，比如前后按钮或者其他什么功能。可以考虑自己模拟一下，例如基础的内容可以:

<p class="widget-select'>
    <p>2030年</p>
    <ul>
        <li>2018年</li>
        <li>...</li>
    </ul>
</p>

处理一下样式和列表的定位，以及键盘事件、鼠标事件、焦点事件等。至于扩展功能，根据需求在基础功能上触发相应事件即可，例如你这里前后那两个按钮，可以通过触发键盘事件的上下。