javascript - 如何通过 Jquery 单击链接添加输入?

标签 javascript jquery

我有 4 个输入,其中 3 个是隐藏的。我想要的是每当用户将“添加更多图片”时。单击链接时,它将显示隐藏的输入。我不知道它在 Jquery 中如何工作?如果有人帮助我将不胜感激。

<html>
<head>
</head>
<body>
<form>
<input type="file" id="pic1" />
<input type="file" style="display:none;" id="pic2" />
<input type="file" style="display:none;" id="pic3" />
<input type="file" style="display:none;" id="pic4" />

<a href="#" id="AddMore">Add More Links</a>
</form>
</body>
</html>

最佳答案

试试这个:

$('#AddMore').click(function(e){
   e.preventDefault();
   $('input[type="file"]:hidden:first').show()
})

DEMO

关于javascript - 如何通过 Jquery 单击链接添加输入?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11479979/

相关文章:

javascript - cytoscape.js - 如何合并来自不同来源的同一节点的属性

javascript - 多行 var f = function() {/* Code */} 应该得到一个分号

javascript - Ajax 请求 ($.ajax(type :'GET' )) 不会传递大于 45 的数组,但是 ($.ajax(type :'POST' )) 会传递。为什么?

移动设备中的 JavaScript 错误

javascript - 如何在不使用 z-index 的情况下制作滑出导航

javascript - 每个 X 循环跳过一个 setInterval?

javascript - 使用 jQuery 的 ajax 或 getJSON 加载 .srj 文件

javascript - 在 CSS 或 JS 中使不同大小的图像适合画廊的缩略图

javascript - 单击事件未在输入类型=提交时触发

javascript - 验证后无法在 select2 的输入中添加类