title: how to reload component in webpage without reload whole page
body: <p>I want to be able to load a single component in my webpage when another component is changed</p>
  
  <pre><code>&lt;input ..... onchange="callFunctionToReloadNextTag()"&gt;
  &lt;input ... /&gt;      &lt;--This is the tag i want to reload
  </code></pre>
  
  <p>Can you reload the actual component itself and not just what is in the component?</p>
  
  <p>And when I say reload the component itself i mean... If A = name then B = TextField, If A = date then B = DateField</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>This is what i have so far</p>
  
  <pre><code>&lt;script&gt;
  function checkForChange() {
  var approvalStatus = document.getElementById('licensingStatus').value;
  if(approvalStatus == "Pass"){
      document.getElementById('licensingApprovalDate').setAttribute("validators", "validators:maxDateToday,required");
  } else {
      document.getElementById('licensingApprovalDate').setAttribute("validators", "validators:maxDateToday");
  }   
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>This is changing is adding new attributes to the tag correctly but the change is not being picked up on the webpage</p>