Javascript Formular submit button funktioniert nicht innerHTML

Question

Ich verwende Google Maps API. Wenn der Benutzer den Marker auf der Karte bewegt, wird die Schaltfläche zum Senden von deaktiviert. Es ändert die Schaltfläche deaktiviert, aber ich kann das Formular nicht senden. Nichts passiert.

<div class="col-12"> 
    <form action="submit.php" method="POST" accept-charset="utf-8"> 
     <input type="text" name="name"> 
     <div id="submit-btn"><button class="generate-btn" type="submit" disabled>Select Location</button></div> 
    </form> 
</div> 

Hier ist der Listener von Google Maps.

google.maps.event.addListener(marker2, 'dragend', function (evt) { 
    document.getElementById('submit-btn').innerHTML = '<button class="generate-btn" type="submit">Generate</button>'; 
}); 

Answer 1

Ich denke, Anstatt den inneren HTML-Code zu ändern, können Sie einfach Folgendes tun:

google.maps.event.addListener(marker2, 'dragend', function (evt) { 
    document.getElementsByClassName('generate-btn')[0].disabled = false; 
}); 

Answer 2

Statt:

document.getElementById('submit-btn').innerHTML = '<button class="generate-btn" type="submit">Generate</button>'; 

Versuchen Sie, mit einer ID auf Ihre Schaltfläche Einstellung wie "submit_button", dann entfernen Sie die "disabled" Eigenschaft wie folgt:

document.getElementById('submit_button').disabled = false;