Disable Inline Add Submit Button Until Cascading Field Has Changed Value

[futurist]

If you have a Tabular Report with the Inline Insert enabled wherein one field is a dropdown and another field is a cascading field that is based on the dropdown and if you want to make sure that the value in the cascading field matches the selected value in the dropdown before your users get to submit, you can use the following script:

 

<script>

 var dropdown = document.querySelector("[id*='InlineAddDropdown_']");
var field = document.querySelector("[id*='InlineAddCascadingField_']");

field.addEventListener("change", myDropdownFunction);
field.addEventListener("change", myFieldFunction);

function myDropdownFunction() {
document.querySelector(".cbResultSetAddButton").disabled = true;
}

function myFieldFunction() {
document.querySelector(".cbResultSetAddButton").disabled = false;
}

</script>

Make sure to replace the "Dropdown" in document.querySelector("[id*='InlineAddDropdown_']"); with the name of your parent field. Likewise, replace "CascadingField" in 
var field = document.querySelector("[id*='InlineAddCascadingField_']") with the name of your cascading field.