如何使用jQuery清空输入值?

I’m trying to make a modal dialog with images where you can select multiple images. I need to get values from an input and then to empty it, but I cannot empty the input. I tried .val('') and .val(null), but neither worked for me.

我想做一个模态对话框，你可以选择多个图像。我需要从输入中获取值，然后清空它，但是我不能清空输入。我尝试过。val(“)”和。val(null)，但这两种方法对我都不起作用。

Here is the full code:

这里是完整的代码:

$("#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");
                }
            }
        });
    });

The idea is that the user clicks a button and a modal dialog opens with multiple images and checkboxes. At this point I need to get the values from an input, and then clear it.

其思想是用户单击一个按钮，弹出一个带有多个图像和复选框的模式对话框。此时，我需要从输入中获取值，然后清除它。

6 个解决方案

#1

You could try:

你可以试试:

$('input.class').removeAttr('value');
$('#inputID').removeAttr('value');

#2

To make values empty you can do the following:

要使值为空，可以执行以下操作:

 $("#element").val('');

To get the selected value you can do:

要获得所选的值，您可以:

var value = $("#element").val();

Where #element is the id of the element you wish to select.

其中#元素是要选择的元素的id。

#3

A better way is:

一个更好的方法是:

$("#element").val(null);

#4

Usual way to empty textbox using jquery is:

使用jquery清空文本框的常用方法是:

$('#txtInput').val('');

If above code is not working than please check that you are able to get the input element.

如果上面的代码没有工作，请检查您是否能够获得输入元素。

console.log($('#txtInput')); // should return element in the console.

If still facing the same problem, please post your code.

如果仍然面临同样的问题，请发布您的代码。

#5

Another way is:

另一种方法是:

$('#element').attr('value', '');

#6

$('.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());
                    }
                }
            );
        });

#1