フォームに追加されるボタンがあります。フォームはアプリケーションのある時点で動的に作成され、ボタンは次のように追加されます。
$('#imgform').append("<center><input type='submit' value='Upload' id='#imgupload' onclick='showUploadedItem()'/>");
これは私のコードですshowUploadedItem()
:
function showUploadedItem () {
$('#upload_process').show();
// a bunch of other things to do
$('#imgupload').prop('disabled',true);
console.log("the submit button ID is: " + $('#imgupload').attr('id'));
}
しかし、console.log メッセージには、ボタン ID がundefined
であることが示されています。これは、コードのこの時点ではボタンが存在していないことを意味します。動的に作成されたものであり、おそらくイベントをバインドする必要があることは理解できますが、どのようにしてクリックされ、コンソール メッセージが表示されるのでしょうか?
関数内でこのボタンを無効にするにはどうすればよいですか? それとも不可能ですか?