Nintex Form Repeated control contains choice field (Dropdown)values dynamically removed

Hi Ramana,

You can add a css class to the choice field displayed as radio buttons (in the control settings, Formatting section, Control CSS class field - for example: my-radio-buttons) and another css class to the choice field displayed as a dropdown list (in the control settings, Formatting section, Control CSS class field - for example: my-dropdown-list).

Use the following javascript to execute a script each time the value of the radio buttons changes:

     NWF$(".my-radio-buttons input[type=radio]").change(function() {

               if (this.value == "Test1") {

                    // Show only Form1 in dropdown

               } else if (this.value == "Test2") {

                    // Show only Form1 and Form2 in dropdown

               }

     });

Then, to only show and hide a value in a dropdown, you first need to remove all the options, then add the options that you'd like to be displayed. To do that, when the form loads, save all the options in a variable using the following script:

     var dropdownListOptions;

     NWF$(document).ready(function(){

          dropdownListOptions = NWF$("select.my-dropdown-list").first().children();

     });

To remove all the options except the first one (which is "Select a value"), use the following script:

     NWF$("select.my-dropdown-list").children("option:not(:first)").remove();

To add the option which value is "Form1", use the following script:

     NWF$("select.my-dropdown-list").append(dropdownListOptions.filter("[value='Form1']")[0].outerHTML);

The whole script should look like this:

var dropdownListOptions;

NWF$(document).ready(function(){

     dropdownListOptions = NWF$("select.my-dropdown-list").first().children();

     NWF$(".my-choice-control input[type=radio]").change(function() {

          if (this.value == "TEST1") {

               NWF$(this).parents(".nf-repeater-row").find("select.my-dropdown-list").children("option:not(:first)").remove();

               NWF$(this).parents(".nf-repeater-row").find("select.my-dropdown-list").append(dropdownListOptions.filter("[value='Form1']")[0].outerHTML);

          } else if (this.value == "TEST2") {

               NWF$(this).parents(".nf-repeater-row").find("select.my-dropdown-list").children("option:not(:first)").remove();

               NWF$(this).parents(".nf-repeater-row").find("select.my-dropdown-list").append(dropdownListOptions.filter("[value='Form1']")[0].outerHTML);

               NWF$(this).parents(".nf-repeater-row").find("select.my-dropdown-list").append(dropdownListOptions.filter("[value='Form2']")[0].outerHTML);

          }

     });

});

Hope this helps

in the solution that I posted I assumed that both dropdown list and radio buttons where in the repeating section. Is that your case?

Can you list all the formatting rules that you've created regarding this repeating section and to which control(s) you've applied them?