Hi Ray,
Thanks for this, your code update works great now.
There is another issue I have now which is with the jQuery validate plugin I’m using with the forms.
It’s basically an error placement issue with the radio input field.
Before I used the repeat selection with this I used the code below to display the errors in the correct elements below the form group
if ( element.attr( "name" ) === "title_1" ) {
error.appendTo( "#title-error" );
}
else if ( element.attr( "name" ) === "title_2" ) {
error.appendTo( "#title2-error" );
}
else if ( element.attr( "name" ) === "title_3" ) {
error.appendTo( "#title3-error" );
}
else if ( element.attr( "name" ) === "title_4" ) {
error.appendTo( "#title4-error" );
}
else if ( element.attr( "name" ) === "title_5” ) {
error.appendTo( "#title5-error" );
}
else if ( element.attr( "name" ) === "title_6” ) {
error.appendTo( "#title6-error" );
}
else {
error.insertAfter( element );
}
Here’s the html sample of form group 1
<div class="form-group">
….radio inputs here
<div id="title-error"></div>
</div>
So this displayed the error message nicely below each form group. ( see screenshot_a )
The reason for this is if I just let the plugin handle the error placement it gets put inside the first radio button div ( see screenshot_b )
So because the repeat selection doesn’t dynamically create the numbers for the error message element, I’m stuck with the screenshot_b.
I would also like to have each section title dynamically created too..
i.e Director 1 … Director 2 … Director 3 etc.
i'm aware this is a javascript / jquery issue.
Is this something you could help with in a support ticket?
Many thanks
Steve