javascript - 动态创建输入

标签 javascript php html

我想在使用 js 单击按钮时插入一个输入(类型=文件),但输入元素出现几毫秒,然后在它消失后立即消失。 这是我的代码:

function addInputImg(){
            var div2 = document.getElementById("imgFiles");
            var inputImg = document.createElement('input');
            inputImg.type = 'file';
            div2.appendChild(inputImg);     
        }
<form ...>
.
.
<button id='btnAgregarImg' onclick="addInputImg();">Agregar imagen</button>
<div  id='imgFiles'>
</div>
</form>

最佳答案

按钮 <button>form 里面元素被视为 submit默认按钮。在您的情况下,当您按下表单内的按钮时,表单将被提交并且页面将变为 reloaded每次。

尝试设置按钮的类型 attribute作为button以避免这个问题。

<button type="button" id='btnAgregarImg' onclick="addInputImg();">Agregar imagen</button>

关于javascript - 动态创建输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35873452/

相关文章:

javascript - 为什么 React JS 不自动为动态子项生成 key ?

javascript - 动态访问多级对象键

javascript - 根据条件复选框将字段添加到架构

php - jquery parseJSON 处理 php 错误

php - Laravel 和批量分配保护

jquery - 如何在输入元素上使用 Bootstrap 工具提示?

javascript - 使用 Facebook 共享对话框将视频共享为 iframe

PHP 和字符串中的反斜杠

javascript - 如果我的 JavaScript 代码在 &lt;iframe&gt; 中,我是否需要命名空间?

javascript - 如何将图像添加到span子元素?