表单下拉选项使用selected设置选中时,发现第一次默认选中成功,在页面不刷新的情况下操作(比如ajax),虽然selected属性设置了,但是默认选中不生效。
解决办法1
可能是浏览器缓存问题,在HTML中给标签加上autocomplete="off"属性
解决办法2
jQuery中添加selected属性使用.prop("selected",true)进行添加。
错误操作:用attr $("#is_open").find("option[value = '"+is_open+"']").attr("selected",true);此时操作后,F12有明显的调试信息,但是多次操作后selectes不生效
正确操作:用prop $("#is_open").find("option[value = '"+is_open+"']").prop("selected",true)
此时F12调试信息看不出已经选择,但是页面显示数据是正确的,而且不怕多次操作。
因为attr多用于自定义标签
本文探讨了在不刷新页面的情况下,使用selected属性设置表单下拉选项为选中状态时遇到的问题及解决方案。通过添加autocomplete=off属性和使用jQuery的.prop()方法,确保了selected属性在多次操作后仍然有效。
4460

被折叠的 条评论
为什么被折叠?



