Question

我有一个带有以下元素的图片上传表单：

<input type="file">

我需要隐藏div并仅在选择文件时显示它。

$("#myDiv").hide();

我是否需要在表单元素中添加一个ID并进行onchange检查它是否为空？不确定。

Answer 1

$('input[type=file]').change(function(){
    $("#myDiv").show();
});

小提琴：http://jsfiddle.net/maniator/eVSxD/

Answer 2

是的，你应该这样做。这是一个例子：

http://jsfiddle.net/3WSTd/

Answer 3

是

http://jsfiddle.net/XdsLP/

输入的选择器无关紧要。

Answer 4

你不需要在输入元素中添加一个id，但如果你在填充这个特定元素时显示一个特定的div，那么我会将行为分配给一个id而不是@Neal建议的那个，作为他的解决方案无论填充什么输入文件字段，都将显示div。

$('#my_file').change(function(){
    if(this.value != '')
    {
        $('#my_div').fadeIn();
    }
    else
    {
        $('#my_div').fadeOut();
    }
});

演示：http://jsfiddle.net/AlienWebguy/Gq3Jf/

隐藏div直到选中文件

4 个答案: