title: Dojo equivalent of the following jquery code
body: <p>I am working on a project that I wanted to use jquery for, however it's come to light that it is mandatory to write in <strong>dojo</strong>, I've never worked with it before and am having some trouble reading up online as to how to use it.</p>
  <p>Below is the code I was using:</p>
  <pre><code>&lt;script&gt;
          window.onload = function() {
              getManager($(&quot;#team_name&quot;).val());  
          }
          
          function getManager(team) {
              $.ajax({
                  type: &quot;POST&quot;,
                  url: &quot;getManager.php&quot;,
                  data: {team:team}
              }).done(function( manager ) {
                  $(&quot;#manager_name&quot;).val(manager);
              });
          }
  &lt;/script&gt;
  </code></pre>
  <p>Essentially, there is a drop down <code>&lt;selection&gt;</code> field, when selected (and upon window loading) it should prefill the <strong>read-only</strong>  box below it based upon which team is listed. See the below screenshot for a better idea:</p>
  <p><a href="https://i.stack.imgur.com/CX7LM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CX7LM.png" alt="screenshot" /></a></p>
  
  <p>I the above code works fine with jquery, I can't seem to find the equivalent for <strong>dojo</strong>.</p>
  <p>This is the html for the <strong>selection</strong> field:</p>
  <p><code>&lt;select name=&quot;team&quot; id=&quot;team_name&quot; onchange=&quot;getManager(this.value)&quot; type=&quot;text&quot; readonly&gt;</code></p>
  <p>and this is the html code for <strong>text input field</strong>:</p>
  <p><code>&lt;input name=&quot;manager_name&quot; id=&quot;manager_name&quot; type=&quot;text&quot; readonly/&gt;</code></p>
  <p>The code <strong>must be written in dojo</strong> as the rest of the page does, unless there is a way to override the dojo with jquery?</p>