使用javascript瞄准oracle apex表格表单列
targeting oracle apex tabular form columns using javascript
我有一个表格表单,我需要根据一些条件禁用和重新启用一些列。
我有下面的javascript在我的动态动作正在工作。我引用列的名称(f01_0001, f01_0002, f02_0001, f02_0002....)
$("[name='f01']").each(function(i){
// columns to be disabled
var coltext5 = $("[name='f05']").get(i).id;
var checkbox8 = $("[name='f08']").get(i).id.substring(0,8);
$("#"+coltext5).prop( "disabled", true );
$("#"+checkbox8).prop( "disabled", true );
})
但问题是,如果我切换这些列的位置,或添加更多可编辑的列到表格形式,这些列的名称将被更改。例如,在上面的例子中,如果我在coltext5之前添加一个文本框,那么coltext5的名称将变成f06....
有没有更好的方法来引用表格表单列?比如ID或class,这些是静态的,即使列的位置改变了也不会改变?
谢谢
我以前遇到过这个问题,我已经成功地使用data
属性来做到这一点-例如https://jeffkemponoracle.com/2016/04/05/declarative-tabular-form-dynamic-totals/
例如,在"地址"一栏设置Element Attributes
为data-col="address"
,在javascript中使用$("[data-col='address']")
来引用它们。
当然,您必须将此添加到您需要引用的每一列。
相关文章:
- 有没有一种方法可以使用Javascript检索谷歌表单ITSELF(而不是电子表格)的数据
- 提交表单时如何在 HTML 表格中添加行
- 在表格中单击表单外的操作
- 如何关闭Angular中的表单验证,当点击按钮时,应该't发送表格
- HTML 表单不会使用 doPost 提交到电子表格
- 生成适合表格的表单
- 验证表单并打印到表格
- 根据选择显示表格/表单
- 使用表格数据填写表单
- Google Apps 脚本 - 表单不会自动邮寄电子表格响应
- 将禁用添加到表格列表中的表单选项
- 在复制到电子表格时将逻辑构建到 Google Apps 脚本表单中
- 谷歌电子表格网站表单jQuery脚本阻止发送
- 如果没有数据,如何隐藏表格并使用jQuery或JavaScript显示表单
- 使用 JavaScript 代码制作 HTML 表单和表格
- 如何在每个表格行中附加表单及其文件输入
- Javascript不会打开包含表格和表单的弹出窗口
- 我想制作我的表单,当他们发送时,它会自动在表格上显示“待处理”值
- 跟踪html表格/表单的变化
- 将选择/取消选择全部添加到动态表格表单