CleanData after onChange between oneOf

[chrisdr84]

When you select one of the list from the oneOf and move to un-select, the value is still saved in the container.

For example, select [An object] from the oneOf example and than select [].
When you getData(), the values are still stored in the container.

This kind of situation will mismatch the two function validate() and getData()
For example select [A multiple of 3] and fill with number 10.
The getData() will get the value 10 and the validate() will show error.

However, when you select [] and repeat the two function,
getData() will get the value 10 and validata() will show success.

http://brutusin.org/json-forms/#7

[chrisdr84]

This should solve the problem,

input.onchange = function () {
cleanData(id);
render(null, display, id + "." + (input.selectedIndex - 1), parentObject, propertyProvider, value);
};

[peeyush12345]

// Get all elements with the 'collapsible' class
var collapsibleButtons = document.getElementsByClassName('collapsible');

// Loop through each collapsible element
for (var i = 0; i < collapsibleButtons.length; i++) {
// Add a click event listener to toggle the 'active' class on click
collapsibleButtons[i].addEventListener('click', function() {
this.classList.toggle('active');

// Get the sibling element with the 'content' class
var content = this.nextElementSibling;

// Toggle the 'show' class on the content element
if (content.style.display === 'block') {
  content.style.display = 'none';
} else {
  content.style.display = 'block';
}

});
}

[peeyush12345]

// Get all elements with the 'collapsible' class
var collapsibleButtons = document.getElementsByClassName('collapsible');

// Loop through each collapsible element
for (var i = 0; i < collapsibleButtons.length; i++) {
// Add a click event listener to toggle the 'active' class on click
collapsibleButtons[i].addEventListener('click', function() {
this.classList.toggle('active');

// Get the sibling element with the 'content' class
var content = this.nextElementSibling;

// Toggle the 'show' class on the content element
if (content.style.display === 'block') {
  content.style.display = 'none';
} else {
  content.style.display = 'block';
}

});
}

[peeyush12345]

// Get all elements with the 'collapsible' class
var collapsibleButtons = document.getElementsByClassName('collapsible');

// Loop through each collapsible element
for (var i = 0; i < collapsibleButtons.length; i++) {
// Add a click event listener to toggle the 'active' class on click
collapsibleButtons[i].addEventListener('click', function() {
this.classList.toggle('active');

// Get the sibling element with the 'content' class
var content = this.nextElementSibling;

// Toggle the 'show' class on the content element
if (content.style.display === 'block') {
  content.style.display = 'none';
} else {
  content.style.display = 'block';
}

});
}