如何用jQuery清空input值？
我正在尝试使用图像进行模式对话，您可以在其中select多个图像。 我需要从input中获取值，然后清空它，但是我不能清空input。 我试过.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"); } } }); });
这个想法是，用户点击一个button，一个模式对话框打开多个图像和checkbox。 在这一点上，我需要从input中获取值，然后清除它。
你可以尝试：
$('input.class').removeAttr('value'); $('#inputID').removeAttr('value');
要使值为空，可以执行以下操作：
$("#element").val('');
要获得选定的值，你可以这样做：
var value = $("#element").val();
其中#element是您希望select的元素的ID。
更好的方法是：
$("#element").val(null);
常用的方法来使用jquery清空文本框是：
$('#txtInput').val('');
如果上面的代码不起作用，请检查您是否能够获取input元素。
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()); } } ); });
