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

时间:2012-07-14 00:34:15

标签: 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>

1 个答案:

答案 0 :(得分:1)

试试这个:

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

DEMO