如何使用jQuery清空输入值?

时间:2012-05-25 12:59:06

标签: javascript jquery html jquery-ui

我正在尝试使用图像进行模态对话,您可以在其中选择多个图像。我需要从输入中获取值然后将其清空,但我无法清空输入。我尝试了.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");
                }
            }
        });
    });

这个想法是用户点击一个按钮,打开一个带有多个图像和复选框的模态对话框。此时我需要从输入中获取值,然后清除它。

6 个答案:

答案 0 :(得分:95)

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

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

要获得所选的值,您可以执行以下操作:

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

其中#element是您要选择的元素的ID。

答案 1 :(得分:62)

你可以尝试:

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

答案 2 :(得分:22)

更好的方法是:

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

答案 3 :(得分:15)

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

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

如果上述代码无效,请检查您是否可以 获取输入元素。

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

如果仍然遇到同样的问题,请发布您的代码。

答案 4 :(得分:6)

另一种方式是:

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

答案 5 :(得分:1)

对我来说,这是解决此问题的最佳方法:

$('yourElementName').val(null);