Dynamics Community Forum Thread Details

Show/hide set of text field based on drop down values selection on the power apps portal form

Hello,

i want to show/hide set of text fields based on drop-down value selection. lets say, in the drop down i will have values like 2,3,4 so on. when they select 2 then only other related two text fields should display not others, Similar way when they select 3 then only related set of text fields will display to enter values. is that possible?

Thanks

Hi,

You can add custom JavaScript to the Portal Basic form to fulfill the requirements.

In portal management:

1. Under content > Basic forms > Select your desired form > Additional settings

2. Scroll down until you see the JavaScript section.

3. Then add the following jQuery

$(document).ready(function() {
        $("#cr95c_customchoice").change(function(){
    
            //Gets the text value of the selected option.
            var selectedOption = $("#cr95c_customchoice")[0].selectedOptions[0].innerHTML;
    
            //Gets the input field named Name.
            var name = $("#cr95c_name");
    
            //When the selected option is Choice 4, the Name field is hidden.
            if(selectedOption === "Choice 4"){
                name.hide();
            }else{
                name.show();
            }
        })
    });

Here is a related link you can refer to.

https://www.spyglassmtg.com/blog/power-apps-portal-advanced-forms-web-forms-and-custom-javascript

If my answer was helpful, please click Like, and if it solved your problem, please mark it as verified to help other community members find more.
If you have further questions, please feel free to contact me .

Best Regards,
Dengliang Li