Question

我正在使用google maps api。当用户在地图上移动标记时，提交按钮将从禁用更改。它会从禁用状态更改按钮，但我无法提交表单。没有任何事情发生。

<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;
});

Answer 2

而不是：

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

尝试为您的按钮设置ID，例如“submit_button”，然后删除“禁用”属性，如下所示：

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

Javascript表单提交按钮不工作innerHTML

2 个答案: