title: Adding a new dropdown box when a button is pressed
body: <p>So this is the code in my matching.php file that I use to create the first dropdown box :</p>
  
  <pre><code>&lt;form method='post' action='/'&gt;
      &lt;?php 
           if(!empty($aIngList)){
              echo "&lt;span style = 'float:left; font-size: 20px;font-family:'Helvetica Neue' class = 'custom-dropdown custom-dropdown--white'&gt;&lt;select name = 'IngredientName' class = 'custom-dropdown__select custom-dropdown__select--white'&gt;";
              echo "&lt;option value='' default &gt;Choose an Ingredient&lt;/option&gt;";
              foreach ($aIngList as $iIngID =&gt; $sIngName) {
                   echo "&lt;option value='".$sIngName."' &gt;".$sIngName."&lt;/option&gt;";
                         }
              echo "&lt;/select&gt;&lt;/span&gt;";
                  }else{
                        echo "&lt;p&gt;No results available!&lt;/p&gt;";
                 }
       ?&gt;
  
   &lt;/form&gt;
  </code></pre>
  
  <p>And this uses some previous php code that takes strings from a database and puts them into an array that is used in the code above.</p>
  
  <p>I also have a tag for a button:</p>
  
  <pre><code>  &lt;button type="button" class="addbutton" id="button"&gt;Add another&lt;/button&gt;
  </code></pre>
  
  <p>I don't know how to make it so that when I press this button, it will then display a new dropdown box. Preferably, I'd like to be able to display up to 5 dropdown boxes, depending on how many times the button is clicked - and I don't want previous boxes to disappear or be overwritten once this happens.</p>
  
  <p>I've heard that you can use AJAX to run the PHP as it's server-side but I really don't understand what they've done for the AJAX code part. So if someone could give me a few pointers and maybe explain what each of the AJAX parts does, that would be most appreciated. 
  Thank you :)</p>