Activate a row of text boxes - Javascript

[Summayah5FC7]

Hello

I'd like to grey out a row of boxes so they are inactive.

If the user selects 'other' from a dropdown box then the row of boxes become 'active', white in colour with black text.

[try67 · Accepted solution]

Then you can use the following as the custom validation script of each of the drop-down fields:

var f = this.getField(event.target.name.replace("lms_antennatype_", "lms_antennatype_other_"));
if (event.value=="Other") {
	f.readonly = false;
} else {
	f.value = "";
	f.readonly = true;
}

[Summayah5FC7]

Below are the backend names for the fields.

[Test Screen Name]

There are no "rows" in PDF forms, just independent form fields. Since you control the field names, you can create routines that work on groups of fields, by using rules in your own code for field names.

[Summayah5FC7]

Sorry. 

The question was worded wrongly.

How do i activate a text box based on what is selected in the drop down box?

The default is inactive. When they select 'other' then the text box is activated.

[try67]

So the first drop-down should control all the other text fields, or do you mean that each drop-down controls the text field below it?

[Summayah5FC7]

Each drop down controls the text field below it.

[try67 · Accepted solution]

Then you can use the following as the custom validation script of each of the drop-down fields:

var f = this.getField(event.target.name.replace("lms_antennatype_", "lms_antennatype_other_"));
if (event.value=="Other") {
	f.readonly = false;
} else {
	f.value = "";
	f.readonly = true;
}

[Summayah5FC7]

The above works only if i click the dropdown box and choose one of the options except 'select one'.

I can still type in the text field if:

I click the dropdown box and choose 'select one'.

I don't click the dropdown box and go directly to the text field.

I can not type in the text field if:

I click the dropdown box and choose one on the options apart from 'other' and 'select one'.

I choose one of the options and then change it to 'select one'.

[try67 · Accepted solution]

You have to set the fields as read-only by default.

I don't understand what you mean about the "select one" option. Do you want the text fields to be enabled when it is selected?

[Summayah5FC7]

Setting text fields to read only solved the problem.

"select one' is set as the default option in the dropdown list.

[Summayah5FC7]

Does the variable 'f' have to be a different name in each drop-down field?

Or can i have the same name?

[Bernd Alheit]

You can use the same name for this.

[Test Screen Name]

You can use the same variable name f in the code for each field, so long as you don't try and use it for two different things at the same time.

[Nesa Nurani]

Use this code in each dropdown field as "Custom calculation script" and change "xx" with your field names for that row:

var f = ["xx","xx","xx","xx"];
for (var i in f) {
this.getField(f[i]).readonly = event.value == "other" ? false : true;
this.getField(f[i]).borderColor = event.value == "other" ? color.black : ["G",0.7 ];}