Javascript表单提交按钮在HTML中不起作用

Javascript表单提交按钮在HTML中不起作用,javascript,html,google-maps,Javascript,Html,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"&g

我正在使用谷歌地图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>';
});
google.maps.event.addListener(marker2,'dragend',function(evt){
document.getElementById('submit-btn')。innerHTML='Generate';
});
而不是:

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

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

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

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

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

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

工作起来很有魅力!非常感谢。工作起来很有魅力!非常感谢。