Dropdoown list with color that stay after click out of it

@ChocoDoodle The easiest way to achieve this is to add a JavaScript to the dropdown list itself and then a document-level JavaScript to apply the changes across the entire PDF. First, create your dropdown list. In Adobe Acrobat Pro, go to Tools > Prepare Form. Select the dropdown list tool and place it on your document. Double-click the field to open its properties, then navigate to the Options tab. Add the items you want in your dropdown list, such as "Green", "Red", "Blue", etc. .

Next, go to the Actions tab in the dropdown properties. For the Select Trigger option, choose Mouse Up, and for the Select Action option, choose Run a JavaScript. Click the Add button and paste the following code, which you will need to customize for your specific color choices and field names. This script will change the color of the dropdown list itself.

// Get the dropdown field object
var dropdownField = event.target;

// Get the value of the selected item
var selectedValue = dropdownField.value;

// Define your color codes
var greenColor = [ "RGB", 0, 1, 0 ]; // Green
var redColor = [ "RGB", 1, 0, 0 ]; // Red
var blueColor = [ "RGB", 0, 0, 1 ]; // Blue

// Set the field color based on the selected value
if (selectedValue === "Green") {
dropdownField.fillColor = greenColor;
} else if (selectedValue === "Red") {
dropdownField.fillColor = redColor;
} else if (selectedValue === "Blue") {
dropdownField.fillColor = blueColor;
} else {
// Default color if none of the above are chosen
dropdownField.fillColor = [ "T" ]; // Transparent
}