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

、このように "無効" プロパティを削除、 "submit_buttonを" のように、あなたのボタンにIDを設定して試してみてください：

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