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

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地图的监听者。

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;