如何使用 jQuery 清空输入值
How do I empty an input value with jQuery?
我正在尝试与图像进行模态对话框,您可以在其中选择多个图像。我需要从输入中获取值,然后清空它,但我无法清空输入。我尝试了.val('')
和.val(null)
,但都不适合我。
以下是完整的代码:
$("#hdselect").click(function(){
$(".modal").html("");
$.post('mediaservice.php',{hd:'ok',images:$("#hdimages").val()},function(data){
$(".modal").append(data);
});
$(".modal").dialog({
'modal':true,
'title':"Click the image to select",
'width':960,
'height':600,
'resizable':false,
'show': {effect: 'drop', direction: "up"},
'buttons': {"Ok": function() {
var hd=Array();
var hdval=$("#hdimages").val();
$("#hdimages").attr('value',' ');
$("input[name='hd[]']:checked").each(function(){
hd.push($(this).val());
});
if(hdval!=''){
hdval=hdval+","+hd;
}else{
hdval=hd;
}
$("#hdimages").val(hdval);
var images=$("#hdimages").val();
$.post('mediaservice.php',{getHd:images},function(data){
$("#imgthumbBase").append(data);
});
$(this).dialog("close");
}
}
});
});
这个想法是用户单击一个按钮,然后打开一个包含多个图像和复选框的模式对话框。此时,我需要从输入中获取值,然后清除它。
要将值设为空,您可以执行以下操作:
$("#element").val('');
要获取所选值,您可以执行以下操作:
var value = $("#element").val();
其中#element
是要选择的元素的 id。
你可以试试:
$('input.class').removeAttr('value');
$('#inputID').removeAttr('value');
更好的方法是:
$("#element").val(null);
使用 jquery 清空文本框的常用方法是:
$('#txtInput').val('');
如果上面的代码不起作用,请检查您是否能够获取输入元素。
console.log($('#txtInput')); // should return element in the console.
如果仍然面临同样的问题,请发布您的代码。
另一种方法是:
$('#element').attr('value', '');
$('.reset').on('click',function(){
$('#upload input, #upload select').each(
function(index){
var input = $(this);
if(input.attr('type')=='text'){
document.getElementById(input.attr('id')).value = null;
}else if(input.attr('type')=='checkbox'){
document.getElementById(input.attr('id')).checked = false;
}else if(input.attr('type')=='radio'){
document.getElementById(input.attr('id')).checked = false;
}else{
document.getElementById(input.attr('id')).value = '';
//alert('Type: ' + input.attr('type') + ' -Name: ' + input.attr('name') + ' -Value: ' + input.val());
}
}
);
});
对我来说,这是解决这个问题的最好方法:
$('yourElementName').val(null);
相关文章:
- 在 javascript 事件单击后清空输入
- 输入字段在 jQuery 的 slideUp()/slideDown() 上清空
- 提交按钮将清空输入的值
- 未捕获的类型错误:this.reset不是函数-在ajax调用后清空输入时出错
- 我想清空 2 个输入类型文本的值,选中(框)
- 如何在以下代码中在 AngularJS 中成功提交后清空(或重置)表单上的所有输入字段
- 在输入字段中启用占位符,以便清空“在”用户输入之后,而不是对焦
- 如何使用 jQuery 清空输入值
- 如何在页面加载时使用 JAVASCRIPT 时清空输入字段
- JS:点击Prototype清空一个输入字段
- 如何选择当前输入字段,然后禁用并清空下一个字段(反之亦然)
- 使用ajax清空(val)html字段,然后在数据库中的该字段中输入下一个值
- 如何使用 JQuery 清空克隆的输入
- AngularJS-无法清空输入字段
- 在Angular中清空输入字段
- 如果输入了data's,则清空文本框
- JavaScript清空自动完成选择后的输入
- 浏览器在清空输入后刷新页面自动填充-这是一个bug吗?
- Javascript:清空输入字段,然后按回车键
- Javascript,添加输入字段将清空所有其他输入字段