クリック後にphpで作成されるinputタグのdisabled属性に追加したい
これはAjaxのような非同期通信処理、もしくはphpでないと実現できないのかな?と作成しながら考えていますが、共に知識が無いので、Javascriptで実現したいなと考えています。
なんなりとご指摘お願いします。
前提・実現したいこと
クリック後に作成される、inputタグのdisabled属性に追加したいと考えています。
下記を試してみましたが、うまくいきません。ボタン「am-continue-button」をクリックした後、wordpressのプラグインのphpが起動します。その後、phpでhtmlタグが作成されるのでDOMツリー構築完了後、addEventListener('load',~)実行したいです。
発生している問題・エラーメッセージ
下記コードを組んでみましたが、うまく動作しません。
addEventListener('click'~) イベントトリガーの後、addEventListener('load',~) を実行したいのですが、処理がうまくいきません。Ajaxsのような非同期通信処理、PHPが必要なのでしょうか?
該当のソースコード
let button = document.getElementById('am-continue-button');
button.addEventListener('click', butotnClick);
function buttotnClick(){
window.addEventListener('load', ()=>{
const target=document.querySelector('.amelia-app-booking .el-input.is-disabled .el-input__inner');
if(target!==null) target.disabled=false;
console.log(target);
});
}
回答1件
あなたの回答
tips
プレビュー