title: Select value from second dropdown menu
body: <p>I'm trying to make a script and run it using Tampermonkey. Website belongs to a Visa Application Center in Morocco (<a href="https://morocco.blsspainvisa.com/book_appointment.php" rel="nofollow noreferrer">https://morocco.blsspainvisa.com/book_appointment.php</a>).</p>
  
  <p>Once I open the webpage, I get a popup. Code is made to close it. Then when I choose the city: Tangier, I get another popup. Then I select the category: Normal, phone number and email address.</p>
  
  <pre><code>document.querySelector("#IDBodyPanelapp &gt; div.popup-appCloseIcon").click();
  document.getElementById('centre').value="8#3";
  document.querySelector("#IDBodyPanelapp &gt; div.popupDivCenter").click();
  document.getElementById('category').value="Normal";
  document.getElementById('phone').value="60000000";
  document.getElementById('email').value="email@gmail.com";
  </code></pre>
  
  <p>I need to automate this process with prefilled values. I've done that but the only problem is that when I use the above code, the Category dropdown menu remains empty. It seems that the values don't get loaded in order to select one.</p>