Toimikunnan pikkujoulut 2023<br>testi<br>testi<br>testi<br>testi<br><script>
function ajaxGet(str, id) {
  if (str == "") {
    document.getElementById(id).innerHTML = "";
    return;
  } else {
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
      if (this.readyState == 4 && this.status == 200) {
        document.getElementById(id).innerHTML = this.responseText;
      }
    };
    xmlhttp.open("GET","ajax.php?"+str,true);
    xmlhttp.send();
  }
}
</script><script>
function ajaxPost(str, id) {
    //var str = 'orem=ipsum&name=binny';
  if (str == "") {
    document.getElementById(id).innerHTML = "";
    return;
  } else {
    var http = new XMLHttpRequest();
    http.open('POST', 'ajax.php', true);

    //Send the proper header information along with the request
    http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');

    http.onreadystatechange = function() {//Call a function when the state changes.
        if(http.readyState == 4 && http.status == 200) {
            document.getElementById(id).innerHTML = this.responseText;
        }
    }
    http.send(str);
  }
}
</script><table>
<tr>
<th id="test">Timestamp</th>
<th>Tapahtuma</th>
<th>Annos</th>
</tr><tr>
    <td>2023-01-14 09:25:40</td>
    <td>Toimikunnan pikkujoulut 2023</td>
    <td>Olut</td>
</tr><tr>
    <td>2023-01-15 18:30:59</td>
    <td>Toimikunnan pikkujoulut 2023</td>
    <td>Happy Joe</td>
</tr></table><script>
    ajaxGet("q=Taimstämppi", "test");
</script><label for="tapahtuma_valinta">Valitse tapahtuma:</label>

<select name="tapahtuma_id" id="tapahtuma_valinta" onclick="ajaxGet('tapahtuma=this.value','testi')">
<option value="1" id="testi">Toimikunnan pikkujoulut 2023</option>
<option value="2">joku muu2</option>
<option value="3">joku muu3</option>
<option value="lisaa_uusi">lisää uusi</option>
</select>