Jquery 下拉框的第一个禁用项目在页面加载时被选中

Question

我的页面上有一个保管箱，用户可以从中选择项目。从那里他们可以选择单击一个附加另一个保管箱的按钮(使用 jquery 克隆)。接下来发生的事情是，第一个保管箱被禁用，并且从第一个框中选择的选项隐藏在我的第二个保管箱中。这一切都有效，但有一个问题:当我选择第一个框中的第一个选项时，该选项是我在第二个框中选择的选项。当我打开盒子时，它不在那里，所以我无法自己选择它，但当我添加盒子时它会自动选择!

简要说明- 两个下拉菜单- 下拉菜单 1 中选定的选项隐藏在下拉菜单 2 中- 从下拉列表 1 中选择第一个选项!= 在下拉列表 2 中选择(隐藏)选项

我已经尝试禁用该选项并刷新该框，但该选项在页面加载时一直被选中。

这就是我隐藏该项目的方法:$('.group option[value='+selitem+']').hide();

有什么想法吗？

Answer 1

要尝试的一件事是取消选择该选项，如下所示:

.attr("selected","");

我最近一直在努力处理选择框，我发现如果没有选择任何内容，它们在显示为“选定”的内容方面的行为方式没有足够的跨浏览器一致性，尤其是在添加和删除元素时来自他们。

其他人建议的一个解决方案(我也考虑过，但我的要求不值得我花时间)是用更灵活的基于 jQuery 的解决方案替换选择框，该解决方案可以用模仿它的“自定义”UI，或者使用选择框中的不同 UI 并将其从列表中取出(可能从单选按钮列表中作为支持元素)