我有一个JSP页面,它根据我的servlet中的表数据构建一个屏幕。我正在使用display tag来格式化表数据,并使用jquery.jeditable来使某些单元格可以编辑给用户。
其中一个单元格是选项(下拉列表)选项。现在,选择工作,但为了使用它,它需要过多的点击和击键:
1)在框中单击以使其可编辑, 2)单击向下箭头以查看选项列表, 3)选择一个选项, 4)点击“enter”保存我选择的选项, 5)最后,点击标签,箭头键或其他东西移出现场。
我想消除其中的一些步骤,特别是2和4.这就是我要找的东西:
单击单元格[或者我通过jquery.trigger('click')模拟点击),显示下拉列表,用户使用箭头键选择他们想要的选项2)用户按Enter键或Tab键离开该字段,保存所选选项。如果选择esc而不是enter / tab,则单元格将恢复为原始值。
在我花费数小时试图完成这项工作之前,是否有一个jquery插件可以帮我完成这项工作?对于解决方案的任何指示,我都非常感激。
答案 0 :(得分:1)
我正在努力解决同样的问题。据我所知,没有办法强制浏览器下拉/选择框以“扩展”状态启动,也没有办法强制通过javascript扩展...:P
到目前为止,我提出的最佳解决方案是手动设置下拉菜单的风格,使其看起来像是已经添加了可编辑的可编辑插件,而实际上它只是一个常规的下拉列表。这为我们提供了一键打开功能。保存表单提交(我做什么),或.change()。
我知道这是一个低于标准的解决方案,但我希望它有所帮助!如果我找到更好的东西,我会在这里更新。
我想一个不同的解决方案是修改jeditable插件本身以使用基于jquery的下拉列表(可以以'扩展'形式打开)而不是内置的浏览器下拉列表...仍然不理想,但它是一个选项!