- This topic has 4 replies, 2 voices, and was last updated 3 years, 6 months ago by
.
Hi Ally,
Happy Friday!
I have another situation that I’m sure you have an answer. I have included some screen shots of Page4 of my form.
On the Form there are three (3) select fields, the first select field (Industry Category) has it’s values set through the element attribute panel which then sets the value of the second select field (Substrate Category) dynamically, combined together select 1 (Industry Category) value and select 2 (Substrate Category) value sets the value for the third select field (Substrate) dynamically.
What I want to do is create a dynamic value written to a hidden field that can be used as a conditional show/hide for the description below on the form when the customer sets all three values of the three select fields.
Below is a list of the fields I have and their Unique ID:
Industry Category = 14_197
Substrate Category = 14_196
Substrate = 14_217
Substrate Code (hidden) = 14_360This is the code I tried and either my brain is fried or I have the basic concept down just not seeing through my own eyes what I am doing wrong.
jQuery(function ($) {
var $select1 = $(‘.quform-field-14_197’),
$select2 = $(‘.quform-field-14_196’),
$select3 = $(‘.quform-field-14_217’),
$select4 = $(‘.quform-field-14_360’);var data = {
‘WineSpirits:Paper:16328’: [
{ text: ‘Natural Label’, value: ‘16328’ }
],‘WineSpirits:Paper:16328’: [
{ text: ‘Natural Label’, value: ‘16328’ }
};
$select1.add($select2).add($select3).on(‘change’, function () {
var value = $select1.val() + ‘:’ $select2.val() + ‘:’ + $select3.val(),
options = [new Option(‘Please select’, ”)];if (data[value]) {
for(var i = 0; i < data[value].length; i++) {
options.push(new Option(data[value][i].text, data[value][i].value));
}
}$select4.html(options).prop(‘selectedIndex’, 0);
}).change();
});PS. I’m probably your most challenging client and I’m sorry
- You must be logged in to reply to this topic.