隐藏提交按钮,直到通过纯JavaScript选择文件为止
我只想在选择文件后显示提交按钮。我可以用jQuery实现这一点,但我没有在页面的任何部分使用jQuery,所以为了避免出现一些空格,我需要通过纯JavaScript实现这一点隐藏提交按钮,直到通过纯JavaScript选择文件为止,javascript,html,web,input,Javascript,Html,Web,Input,我只想在选择文件后显示提交按钮。我可以用jQuery实现这一点,但我没有在页面的任何部分使用jQuery,所以为了避免出现一些空格,我需要通过纯JavaScript实现这一点 <form action="" method="POST" enctype="multipart/form-data"> <input type="file" name="uploadfile" id=&q
<form action="" method="POST" enctype="multipart/form-data">
<input type="file" name="uploadfile" id="pimage"/>
<input type="submit" name="submit" value="Confirm">
</form>
const form=document.querySelector('form');
const submitButton=form.querySelector('[type=“submit”]');
const inputFile=form.querySelector('[type=“file”]');
inputFile.addEventListener('change',()=>{
submitButton.style.display=inputFile.files.length?“”:“无”;
});代码>
如何使用表单的id和id为的输入字段选择表单?使用document.getElementById(id)
或document.querySelector(#id)
。此处id是您要选择的id。