如何基于下拉框值隐藏Adobe PDF表单中的各类字段？

针对你遇到的图片字段和复选框无法隐藏的问题，核心原因可能是字段类型的处理逻辑差异或字段名称/类型判断错误，以下是修正后的代码及对应场景的处理方案：

场景1：所有目标均为表单字段（含单个复选框） #

如果Image1是通过表单工具添加的图片字段（而非文档静态图片），且CB1是单个复选框，使用以下代码即可解决问题：

if(event.value === "3") {
    // 隐藏图片字段
    this.getField("Image1").display = display.hidden;
    // 隐藏按钮字段
    this.getField("Button1").display = display.hidden;
    this.getField("Button2").display = display.hidden;
    // 隐藏文本字段
    this.getField("Text8").display = display.hidden;
    // 隐藏单个复选框字段
    this.getField("CB1").display = display.hidden;
} else {
    // 可选：选择其他选项时恢复所有字段显示
    this.getField("Image1").display = display.visible;
    this.getField("Button1").display = display.visible;
    this.getField("Button2").display = display.visible;
    this.getField("Text8").display = display.visible;
    this.getField("CB1").display = display.visible;
}

场景2：Image1是文档静态图片（非表单字段） #

如果Image1是直接插入PDF的静态图片（不是表单字段），需要通过注释对象（Annotation）来控制隐藏：

if(event.value === "3") {
    // 查找并隐藏指定名称的静态图片注释
    const annots = this.getAnnots();
    for(let i = 0; i < annots.length; i++) {
        if(annots[i].name === "Image1") { // 需提前给图片设置名称：右键图片→属性→常规→名称
            annots[i].hidden = true;
        }
    }
    // 其他表单字段隐藏逻辑同场景1
    this.getField("Button1").display = display.hidden;
    this.getField("Button2").display = display.hidden;
    this.getField("Text8").display = display.hidden;
    this.getField("CB1").display = display.hidden;
} else {
    // 恢复静态图片显示
    const annots = this.getAnnots();
    for(let i = 0; i < annots.length; i++) {
        if(annots[i].name === "Image1") {
            annots[i].hidden = false;
        }
    }
    // 恢复其他表单字段显示
    this.getField("Button1").display = display.visible;
    this.getField("Button2").display = display.visible;
    this.getField("Text8").display = display.visible;
    this.getField("CB1").display = display.visible;
}

场景3：CB1是同名复选框组（多个复选框共享名称） #

如果CB1是一组同名复选框，getField()会返回字段数组，需循环处理每个复选框：

if(event.value === "3") {
    // 图片字段隐藏逻辑（按场景1或2选择）
    this.getField("Image1").display = display.hidden;
    // 按钮、文本字段隐藏逻辑
    this.getField("Button1").display = display.hidden;
    this.getField("Button2").display = display.hidden;
    this.getField("Text8").display = display.hidden;
    // 处理同名复选框组
    const cbGroup = this.getField("CB1");
    if(cbGroup) {
        if(Array.isArray(cbGroup)) {
            cbGroup.forEach(field => field.display = display.hidden);
        } else {
            cbGroup.display = display.hidden;
        }
    }
} else {
    // 恢复显示逻辑类似
    this.getField("Image1").display = display.visible;
    this.getField("Button1").display = display.visible;
    this.getField("Button2").display = display.visible;
    this.getField("Text8").display = display.visible;
    const cbGroup = this.getField("CB1");
    if(cbGroup) {
        if(Array.isArray(cbGroup)) {
            cbGroup.forEach(field => field.display = display.visible);
        } else {
            cbGroup.display = display.visible;
        }
    }
}

额外检查点 #

1. 字段名称匹配：PDF表单字段名称区分大小写，需确保代码中的字段名与PDF中实际名称完全一致（如image1和Image1是不同字段）。
2. 代码绑定位置：确保代码绑定在下拉框的Change事件上（而非其他事件）。

内容的提问来源于stack exchange，提问作者Clara Monspiette