Zapier select menus with conditions

[veganwebagency]

Hi,

Sorry for the spam, but we have a lot of applications in this project that we have never needed like this.

We have radio buttons:
Package #1
Package #2
Package #3

Depending on the selection of the package, a different Select menu is displayed. This works fine.

But if we send the data via a Zapier web hook, the data of all select menus will be sent, even the hidden ones without selection.

Now we can’t see which package with which option they have selected.

Is it possible to fix this? Otherwise the Zapier webhook is not of much use.

Thanks for an answer
Best regards
Chrigi

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[veganwebagency]

Hi Ally,

Would be great if you could send me an example of 2. 🙂

Thanks a lot!
Chrigi

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[veganwebagency]

Hi Ally,

Your method worked, but was not optimal for our application.

We solved it now with a hidden input field and JavaScript. 😀

Here is the code, in case someone else needs the same thing sometime:

jQuery(document).ready(function($) {
	$('.hidden-input-field').hide();

	$('.packages-container input[type="radio"]').on('click', function () {
		selectPackage('.' + $(this).val());
	});

	$('.hidden-selects-container .quform-element-select select').on('change', function () {
		selectPackage(':visible');
	});

	function selectPackage(selector) {
		const material = $('.hidden-selects-container .quform-element-select' + selector).find('select').val();
		$('.hidden-input-field input').val(material);
	}
});

• This reply was modified 2 years, 1 month ago by veganwebagency.

[Author]

Posts