Skip to main content
S
S.Hooks
Participant
January 28, 2021
Answered

Adobe Acrobat Pro Dc - JavaScript to show/hide Fields based on drop Down Choices

  • January 28, 2021
  • 1 reply
  • 3152 views

Hello, 

I'm very new to Java Script and I'm trying to create a form that will only show certain fields dependant on what is selected in the drop down menu. Can you please help me figure out what is wrong with my code? 

If they select "Special Merit Increase" from the drop down box then I want fields "GivenFor SpecialMeritIncrease", "AmountInfo", "Enter%Step" to appear.

 

if(this.getField("Award_Type").value==("Special Merit Increase"){
event.target.display=display.visable;}
this.getField("GivenForSpecialMeritIncrease").display = fieldHide;
this.getField("AmountInfo").display = fieldHide;
this.getField("Enter%Step").display = fieldHide;

else{
if(this.getField("Award_Type").value==("Premium Pay Award")}
event.target.display=display.visable;}
this.getField("GivenForPremiumPay").display = fieldHide;
this.getField("PremiumPayAmount").display = fieldHide;
this.getField("$TotalAmount").display = fieldHide;
this.getField("$WeeklyAmount").display = fieldHide;

 

Thank you advance! 

This topic has been closed for replies.
Correct answer S.Hooks

Update: 

 

I got it to work using the following code:

 

if(this.getField("Award_Type").value=="Special Merit Increase"){
this.getField("GivenForSpecialMeritIncrease").display = display.visible;
this.getField("AmountInfo").display = display.visible;
this.getField("Enter%Step").display = display.visible;
}else{
this.getField("GivenForSpecialMeritIncrease").display = display.hidden;
this.getField("AmountInfo").display = display.hidden;
this.getField("Enter%Step").display = display.hidden;

if(this.getField("Award_Type").value=="Premium Pay Award"){
this.getField("GivenForPremiumPay").display = display.visible;
this.getField("PremiumPayAmount").display = display.visible;
this.getField("$TotalAmount").display = display.visible;
this.getField("$WeeklyAmount").display = display.visible;

}else{
this.getField("GivenForPremiumPay").display = display.hidden;
this.getField("PremiumPayAmount").display = display.hidden;
this.getField("$TotalAmount").display = display.hidden;
this.getField("$WeeklyAmount").display = display.hidden;
}
}

1 reply

S
S.HooksAuthorCorrect answer
Participant
January 28, 2021

Update: 

 

I got it to work using the following code:

 

if(this.getField("Award_Type").value=="Special Merit Increase"){
this.getField("GivenForSpecialMeritIncrease").display = display.visible;
this.getField("AmountInfo").display = display.visible;
this.getField("Enter%Step").display = display.visible;
}else{
this.getField("GivenForSpecialMeritIncrease").display = display.hidden;
this.getField("AmountInfo").display = display.hidden;
this.getField("Enter%Step").display = display.hidden;

if(this.getField("Award_Type").value=="Premium Pay Award"){
this.getField("GivenForPremiumPay").display = display.visible;
this.getField("PremiumPayAmount").display = display.visible;
this.getField("$TotalAmount").display = display.visible;
this.getField("$WeeklyAmount").display = display.visible;

}else{
this.getField("GivenForPremiumPay").display = display.hidden;
this.getField("PremiumPayAmount").display = display.hidden;
this.getField("$TotalAmount").display = display.hidden;
this.getField("$WeeklyAmount").display = display.hidden;
}
}

chrisa6441093
chrisa6441093
Participant
April 21, 2021

Trying to do something similar here. 

 

I only have two Conditions in my Drop Down Menu: 

If Drop Down (Contract Date) = Contract Start Date, Do Not Show Fields - Prorated Service Start Date Text, Prorated Service Start Date, or Prorated Invoice to Follow. 

 

If Drop Down (Contract Date) = Renewal Date, Do Show Fields - Prorated Service Start Date Text, Prorated Service Start Date, or Prorated Invoice to Follow. 

try67
Community Expert
try67Community Expert
Community Expert
April 22, 2021

- Remove the Mouse Down actions you added. You should only do it using a script.

- Set the drop-down field to commit the selected value immediately, under Properties - Options.

- There's an error in your code. The field name is just "Term of Agreement", not "Term of Agreement#1".

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices