Question

当我使用js单击按钮时，我想插入一个输入（type = file），但输入元素显示为毫秒，然后在它消失之后。这是我的代码：

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>

Answer 1

默认情况下，<button>元素中的按钮form被视为submit按钮。在您的情况下，当您按下表单内的按钮时，表单将被提交，页面每次都会reloaded。

尝试将按钮的类型attribute设置为button以避免此问题。

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

Answer 2

将按钮类型更改为＆＃34;按钮＆＃34;防止表格被提交。

https://jsfiddle.net/g5Lxr2ac/

SomeModel.human_attribute_name(:attribute)

Answer 3

改变这个：

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

对此：

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

动态创建输入

3 个答案: