javascript - select点击事件动态添加option不能显示，怎么解决？

Question

点击select后，通过ajax获取数据，动态添加到select里面，但是select点击就显示下拉列表时控件本身的特性，只能显示之前的数据。不能动态显示加载后的数据。大神们什么办？

网上查到解决方案：

1、模拟select，写一组html替换select。

2、使用当鼠标经过后，加载。

都感觉不是很理想，问下有没有更好的解决方案！

Answer 1

提供一个和第一个方案类似的方案：模拟一个select的样式的标签或者按钮或者链接置于真正的select之上，点击这个标签或者按钮或者链接的时候然后触发ajax请求，回调隐藏这个标签或者按钮或者链接，然后添加option并触发select的显示，这样避免模拟select带来的N多处理事件

PS：你的需求稍微有些不一样，一般级联菜单的select的一级option是有数据的，再不然想用户主动点击时才向服务端请求数据，这样可以在select旁加个按钮，提示用户点击获取列表，而不是让用户直接点击select显示列表