在更改多个输入框时更新php变量

对于学校项目，我必须建立一个网站，该网站使用API，它从云ERP系统收集数据。当输入框更改时，需要更新发送到API的查询内容。

<?php
  $genre = "*";
  $zaal = "*";
?>

现在我已经将我需要的变量设置为通配符（*），当我将通配符传递给API时，它与值无关。因此通配符需要是默认值。

<form class="w3-container">
    <p>
    <label>Genre:</label></br>
    <select class="w3-input" name="genre" id="genre">
      <option value="*" selected >Geen voorkeur</option>
      <option value="Cabaret">Cabaret</option>
      <option value="Circus">Circus</option>
    </select>
    </p>
    <p>
    <label>Zaal:</label></br>
    <select class="w3-input" name="zaal" id="zaal">
      <option value="*" selected >Geen voorkeur</option>
      <option value="Grote zaal">Grote zaal (900 zitplaatsen)</option>
      <option value="Philipszaal">Philipszaal (500 zitplaatsen)</option>
      <option value="Kameleon">Kameleon (120 zitplaatsen)</option>
    </select>
    </p>
</form>
<?php
  echo $api-data = file_get_contents("https://<mycompany>.yesplan.nl/api/events/date%3A%23nextyear%20location%3A".$zaal."%20profile%3A".$genre."?api_key=<mycompanyapikey>");
?>

我希望这些变量在输入发生变化时发生变化，我该如何管理？

这些代码只是真实网站的一小部分。该网站仍在开发中，如果你想看到te页面的作用，请看这里。如果你转到"adviesnavigator"，你会看到它的全部内容。左边的te表单需要自动更新，右边的页面需要来自API的数据。注意：这些数据仍然需要过滤掉，只向用户显示他们需要看到的内容！！！！