select点击事件动态添加option不能显示,怎么解决?
点击select后,通过ajax获取数据,动态添加到select里面,但是select点击就显示下拉列表时控件本身的特性,只能显示之前的数据。不能动态显示加载后的数据。大神们什么办?
网上查到解决方案:
1、模拟select,写一组html替换select。
2、使用当鼠标经过后,加载。
都感觉不是很理想,问下有没有更好的解决方案!
蕾米莉亚.
10 years, 2 months ago
Answers
提供一个和第一个方案类似的方案:模拟一个select的样式的标签或者按钮或者链接置于真正的select之上,点击这个标签或者按钮或者链接的时候然后触发ajax请求,回调隐藏这个标签或者按钮或者链接,然后添加option并触发select的显示,这样避免模拟select带来的N多处理事件
PS:你的需求稍微有些不一样,一般级联菜单的select的一级option是有数据的,再不然想用户主动点击时才向服务端请求数据,这样可以在select旁加个按钮,提示用户点击获取列表,而不是让用户直接点击select显示列表
董世杰老伯
answered 10 years, 2 months ago