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;