Hidden Elements

Some extra information to go on, this is the line where the error is occuring:

`
var fld_8054423_1 = parseFloat( $(‘[data-field=”fld_8054423_1″]’).is(‘:checkbox’) ? checked_total_fld_2628740_1($(‘[data-field=”fld_8054423_1″]:checked’)) : $(‘[data-field=”fld_8054423_1″]’).is(‘:radio’) ? $(‘[data-field=”fld_8054423_1″]:checked’).val() : $(‘[data-field=”fld_8054423_1″]’).val() ) || 0 , fld_6702947_1 = parseFloat( $(‘[data-field=”fld_6702947_1″]’).is(‘:checkbox’) ? checked_total_fld_2628740_1($(‘[data-field=”fld_6702947_1″]:checked’)) : $(‘[data-field=”fld_6702947_1″]’).is(‘:radio’) ? $(‘[data-field=”fld_6702947_1″]:checked’).val() : $(‘[data-field=”fld_6702947_1″]’).val() ) || 0 ,
total = (fld_8054423_1_1*fld_6702947_1_1);
‘

Notice that the field is referred as fld_8054423_1 when it is referenced in the parseFloat function but when utilised in the total section at the end it is trying to find fld_8054423_1_1 which doesn’t exist.

This is a very simple form with one slider, a drop down select and a hidden field with a total that works on the two elements.

Cheers David.

Hi David,

Thought it may help to have the whole Javascript function that is failing to see what is going on:

<script type="text/javascript">
	jQuery(function($){
		function checked_total_fld_2628740_1(items){
			var sum = 0;
			items.each(function(k,v){
				sum += parseFloat($(v).val());
			})
			return sum;
		}
		function docalc_fld_2628740_1(){
			var fld_8054423_1 = parseFloat( $('[data-field="fld_8054423_1"]').is(':checkbox') ? checked_total_fld_2628740_1($('[data-field="fld_8054423_1"]:checked')) : $('[data-field="fld_8054423_1"]').is(':radio') ? $('[data-field="fld_8054423_1"]:checked').val() : $('[data-field="fld_8054423_1"]').val() ) || 0 , fld_6702947_1 = parseFloat( $('[data-field="fld_6702947_1"]').is(':checkbox') ? checked_total_fld_2628740_1($('[data-field="fld_6702947_1"]:checked')) : $('[data-field="fld_6702947_1"]').is(':radio') ? $('[data-field="fld_6702947_1"]:checked').val() : $('[data-field="fld_6702947_1"]').val() ) || 0 ,
				total = (fld_8054423_1_1*fld_6702947_1_1);

						total = total.toFixed(2);

			$('#fld_2628740_1').html( total );
			$('[data-field="fld_2628740_1"]').val( total ).trigger('change');

		}
		$('body').on('change keyup cf.remove cf.add', '[data-field="fld_8054423_1"],[data-field="fld_6702947_1"],#conditional_fld_8054423_1,#conditional_fld_6702947_1', function(e){
			docalc_fld_2628740_1();
		});
		docalc_fld_2628740_1();
	});

</script>

Thanks for that – I’ll take a look in a moment.

Cheers David, ignore my title for this thread as the example I have given doesn’t use hidden elements.

All I have is a slider, a drop down box and a total field, the total should be a multiplication of the two but cannot get it to work.

One last thing, the error above is based on me doing a manual formula. If I deselect the manual formula and use your point and click selection of the two fields it then works as expected.

OH wow- thanks that explains a lot.

I’ll make a fix and sort it out. thanks.

Do you think there is any possibility that you may be able to get the fix out before Sunday David?

I have fixed it on the GitHub version which you can download here- https://github.com/Desertsnowman/Caldera-Forms

I have a few more little issue I need to solve before I release a full update here. Not sure it will be before sunday.