Show/Hide Layers Using a Dropdown Menu

[Pearson Medical Tech]

I have a base layer that I want to remain visible, but I would like to switch between the rest of my layers by using a dropdown menu. I'm trying to write it such that when one layer is selected, the rest are hidden. This is what I have so far, but when I select anything from the dropdown, nothing changes.

// Define the layer names
var layerNames = ["Emergency Repair", "CSA Visit", "Installation", "Other"];

// Function to toggle layers based on dropdown selection
function toggleLayers() {
var selectedOption = event.target.value;
for (var i = 0; i < layerNames.length; i++) {
var layer = this.getOCGs()[layerNames[i]];
if (layer) {
if (layerNames[i].replace(/\s+/g, '') === selectedOption) {
layer.state = !layer.state;
} else {
layer.state = false;
}
}
}
}

// Add an event listener to the dropdown
this.getField("Dropdown2").setAction("Keystroke", "toggleLayers()");


Apologies if this code looks weird. I've resorted to asking ChatGPT for help.

[try67]

> I've resorted to asking ChatGPT for help.

That's your main issue. This code contains a lot of errors.

[try67]

Get rid of all the other code, and use this as the drop-down's custom Validation script:

var layers = this.getOCGs();
for (var i in layers) {
	layers[i].state = (layers[i].name==event.value);
}

[Pearson Medical Tech]

Good grief. I knew the code should be short, but I didn't think it would be quite that short. That's taken care of a large portion of things, but the background layer (Named "Background and Title") disappears when I use this. Any thoughts?

[try67 · Accepted solution]

Yeah, I was going to ask you about that... Just use this:

var layers = this.getOCGs();
for (var i in layers) {
	layers[i].state = layers[i].name=="Guides and Grids" || (layers[i].name==event.value);
}

[Pearson Medical Tech]

It works! Thanks a bunch for the help.

[Amal.]

Hi there

Hope you are doing well and thanks for reaching out.

The workflow you are trying to achieve might be possible using JavaScript. For more information, please check the help pages listed below:
https://acrobatusers.com/tutorials/javascript_console/
https://helpx.adobe.com/acrobat/using/applying-actions-scripts-pdfs.html

Hope it will help

Regards
Amal