select点击事件动态添加option不能显示,怎么解决?


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

网上查到解决方案:

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

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

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

HTML Ajax JavaScript

蕾米莉亚. 10 years, 1 month ago

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

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

董世杰老伯 answered 10 years, 1 month ago

Your Answer