javascript或jquery怎么重置type=‘file’的输入框

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript或jquery怎么重置type=‘file’的输入框相关的知识,希望对你有一定的参考价值。

window.document.getElementById().value='';

直接把input type='file'的对象值设为空就行了。

例如:
$("#file").val('');

file 定义输入字段和 "浏览"按钮,供文件上传。
可以理解为与其它(text,textarea)相同,都是把对象的值提交。
参考技术A 得到file 然后设置值为空。。。 参考技术B value="";
这样不行吗?追问

那jq的val()试了下不行,这样真可以,视为什么呢

追答

jquery的val()就相当于value="";

追问

可是
$('#xx').val();
$('#xx').val(‘’);
$('#xx').val(‘aa');
都完全没有反映
而value="";很管用

追答

能捉到猫的老鼠就是好老鼠,管它哪种方法,jquery也是从javascript里继承过来的,原生态的你不用,被污染过的你偏要用,就用value=""

你试试$('#xx').attr("value","");

本回答被提问者采纳

如何使用 jquery 选择所有输入,不是提交、重置或按钮?

【中文标题】如何使用 jquery 选择所有输入,不是提交、重置或按钮?【英文标题】:how to use jquery to select all inputs, that are not submit, reset or button? 【发布时间】:2012-03-08 09:56:25 【问题描述】:

我正在尝试选择除 input type="submit/reset/button 之外的所有输入元素

我尝试过制作这样的选择器:

inputSelector = 'input:not(input[type=button], input[type=submit], input[type=reset]), textarea, select';

但这不起作用,因为提交按钮总是进入最终选择。

知道上面有什么问题。

谢谢!

【问题讨论】:

【参考方案1】:

尝试修改您的选择器以链接.not(...),例如:

var inputs = $('input, textarea, select')
                .not(':input[type=button], :input[type=submit], :input[type=reset]');

$(inputs).each(function() 
    console.log(this.type);
);

这使它(可以说)更容易阅读,并且应该按照您的预期工作。

【讨论】:

我在插件中使用它,所以我想我被糟糕的选择器困住了。还在尝试...【参考方案2】:

这个答案可以说比迈克尔·罗宾逊的更难阅读,但我觉得它更简洁。除了运行 not() 函数,您可以使用 :input 选择它以收集所有表单元素,然后使用 :not() 选择器过滤每个不需要的输入类型。

来自 jQuery 的 API 文档 (https://api.jquery.com/input-selector/):

:input 选择器基本上选择所有表单控件。

类似“CSS”的选择器版本,:not() 选择器是独立的,也可以在 CSS 3 中使用:

var inputs = $("#theForm").find(":input:not([type=button]):not([type=submit]):not([type=reset])");

【讨论】:

以上是关于javascript或jquery怎么重置type=‘file’的输入框的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 jquery 选择所有输入,不是提交、重置或按钮?

jquery怎么给span赋值

求javascript写一个方块或图片沿窗体做矩形运动的代码

如何在 Javascript/jQuery 中重置超时?

JavaScript jquery重置选择字段

jQuery ListNav Plugin 怎么使用