Mit Modal (Bootstrap) eine html Seite anzeigen, die von id abhängig ist

Hallo, ich hoffe man versteht die Frage. Ich möchte mit einem modal eine Seite anzeigen lassen wenn man einen der beiden Buttons drückt, die abhängig von der übergebenen id verschiedene Inhalte anzeigt. Und zwar einmal "Kontakt erstellen" und "Kontakt bearbeiten". Diese bauen wie gesagt auf der selben html Seite auf, mit dem Unterschied, dass bei "Kontakt bearbeiten" die Felder mit den Daten des übergebenen Kontakts angezeigt werden.

Dazu habe ich eine Funktion die die Felder belegt:
Code:
function kontaktBearbeitenInit() {
    var url = decodeURI(window.location.href);
    var urlParts = url.split("?");
    var idParts = urlParts[1].split("=");
    var id = idParts[1];
    var newText = "Kontakt anlegen";
    var bearbeitenText = "Kontakt bearbeiten";
   
    document.getElementById('idSaver').value = id;

    if (id === '-1') {
        // Kontakt anlegen
        document.getElementById("titleID").innerHTML = newText;
        document.getElementById("legendID").innerHTML = newText;
        document.getElementById("nameID").disabled = false;
    } else {
        // gültige ID gegeben, Kontakt bearbeiten
        document.getElementById("titleID").innerHTML = bearbeitenText;
        document.getElementById("legendID").innerHTML = bearbeitenText;

        let kontakt = kontakteSpeicher.findeKontaktZuId(id);

        document.getElementById("nameID").disabled = true;
        document.getElementById("nameID").value = kontakt.name;
        document.getElementById("emailID").value = kontakt.email;
        document.getElementById("ortID").value = kontakt.ort;
        document.getElementById("plzID").value = kontakt.plz;
        document.getElementById("strasseID").value = kontakt.strasse;
    }
und das Modal für den "Kontakt anlegen" Button sieht folgendermaßen aus:

Code:
 <div id="modal-show-page" class="modal fade">
                        <div class="modal-dialog">
                            <div class="modal-content">
                            </div><!-- /.modal-content -->
                        </div><!-- /.modal-dialog -->
                    </div><!-- /.modal -->
                   
                    <div>
                    <a class="btn btn-primary" data-toggle="modal" data-target="#modal-show-page" href="KontaktBearbeiten.html?ID=-1"><img class="button-image" src="images/plus.png"></button>
             

                <a  href="KontaktBearbeiten.html?ID=-1"><button class="button" type="button" data-toggle="modal" data-target="#modal-show-page" >

                <img class="button-image" src="images/plus.png">
            </button></a>

        </div>
Mein Problem ist, dass das Ganze mit Modal nicht funktioniert. Wenn ich einen normalen Button habe, der zur html Seite weiterleitet funktioniert das auslesen der id und die richtige Seite wird angezeigt, also entweder "Kontakt bearbeiten" oder "Kontakt anlegen".
Wenn ich es mit Modal mache sehe ich zwar die Seite im Modal, aber mit "Fehler" in der legende des fieldsets. Also wurde die id auf diese Weise nicth erkannt
 
Passende Stellenanzeigen aus deiner Region:

Oben