Separate Input Fields for Height Parts

[Alexray]

Hi there,

I decided to share a script that will help to have 2 separated virtual fields to display foots and inches separated. Similar to Date/Time Parts https://howto.caspio.com/tech-tips-and-articles/common-customizations/separate-input-fields-for-datetime-parts

<script>
document.addEventListener('BeforeFormSubmit', function(event) {
	let ft = document.querySelector("#cbParamVirtual1").value;
  let inch = document.querySelector("#cbParamVirtual2").value;
  document.querySelector("#InsertRecordHeight").value = `${ft}′ ${inch}″`
});
</script>

The result that we get will look like 1′ 2″. It can easily be chanded to whatever you need.
For example if we change `${ft}′ ${inch}″` to `${ft}ft ${inch}in`, the result will be 1ft 2in.

 

Hope it helps someone.