我正在制作一个网络应用来管理产品SKUS.其中一部分是将SKU与产品名称相关联.在表格的每一行上,我列出一个SKU并显示一个<select>包含产品名称的框.当前与数据库中该SKU关联的产品具有类似的属性selected="selected".这可以通过AJAX进行更改和更新.
确切地说有很多产品<option>s - 103 - 这个列表<select>在每行重复.
从页面上的另一个输入,我使用jQuery AJAX请求添加新的SKU /产品关联,并清楚地表明它们是立即添加的,我将它们插入到表的顶部,带有一点突出显示效果.随着SKU数量增加到10左右,如果我刷新页面(将所有内容从按产品名称排序的数据库中加载回来),Firefox会默认显示一些错误的选项.它显示哪个不正确的选项并不一致,但它似乎混淆了页面重新加载之前存在的选项.
如果我检查<select>使用的Firebug,那么它就select="selected"在正确的<option>标签上.刷新页面(或者返回并输入此页面的URL以返回)不会使其正确显示,而是刷新(Ctrl + F5).
Chrome和IE7都首先正确显示.
我的理论是,这是Firefox的错误缓存策略的结果.听起来不错吗？有没有什么办法可以在我的代码中说"如果这个页面刷新了,那么刷新一下 - 从头开始重新加载一切？"
为了解决这个问题,我改变了策略.
<select>带有长列表的<option>s,并将当前值设置为默认值<span>.如果用户单击"更改"按钮,我将替换为<span>a <select>,"更改"按钮变为"确认"按钮.如果他们更改了选项并单击确认,AJAX将更新数据库,并且这次使用新值<select>返回到a <span>.这有两个好处:
<option>S)