Javascript 表单提交按钮不起作用 insideHTML

Question

我正在使用谷歌地图 API。当用户移动 map 上的标记时，提交按钮将从禁用状态更改为禁用状态。它将按钮从禁用状态更改为禁用状态，但我无法提交表单。什么也没发生。

<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>

这是来自谷歌地图的监听器。

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

Answer 1

我认为您可以简单地执行以下操作，而不是更改内部 HTML:

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