如何清除我的文本输入字段中的值？

Question

我的代码没有运行，我想要清除的值，当你点击另一个

我做错了什么？

http://jsfiddle.net/AL2vS/

var placeholderText = $('input').val(); 

$(placeholderText).focus(function() { 
    $(this).attr('value', ""); 
}); 
$(placeholderText).blur(function() { 
    $(this).attr('value', phTextVal); 
});​ 

Answer 1

您使用 'placeholderText' 作为一个选择，不会选择任何内容。改为使用$('input').focus(...和$('input').blur(...。

UPDATE

如果要存储现有的值，然后替换它，然后将其保存为.data()在<input>元素本身：

$('input').focus(function() { 
    $this = $(this); 
    $this.data('oldval',$this.val()); 
    $this.val(''); 
}); 
$('input').blur(function() { 
    $this = $(this); 
    $this.val($this.data('oldval')); 
});​ 

http://jsfiddle.net/mblase75/AL2vS/12/

或可能：

$('input').blur(function() { 
    $this = $(this); 
    if ($this.val().length==0) { // only if the field is blank 
     $this.val($this.data('oldval')); 
    }; 
});​ 

Answer 2

你的意思是这样吗？

http://jsfiddle.net/AL2vS/1/

Answer 3

这将至少得到去除文字工作的：

var placeholderText = $('input'); 

placeholderText.focus(function() { 
    $(this).attr('value', ""); 
}); 
placeholderText.blur(function() { 
    $(this).attr('value', phTextVal); 
});​ 

你也可以看看在HTML5 placeholder param。

Answer 4

我想更好的办法是：

var placeholderText = $('input'); 

$(placeholderText).focus(function() { 
    phTextVal = $(this).val(); 
    $(this).val(""); 
}).blur(function() { 
    $(this).val(phTextVal); 
});​ 

Answer 5

检查出来，

$('input').focus(function() { 
    placeholderText = $('input').val(); 
    $(this).val(""); 
}); 

$('input').blur(function() { 
    $(this).val(placeholderText); 
});​ 

http://jsfiddle.net/AL2vS/8/

你仍然需要做一些与被输入的数据。

Answer 6

如何使用object.defaultValue属性？

功能：

$.fn.smartInput=function(){ 
    return this.each(function(i,o){ 
    $(o).focus(function(){ if(this.value==this.defaultValue) this.value='';}) 
     .blur(function(){ this.value=(this.value=='')?this.defaultValue:this.value;}); 
    }); 

}

用法：

$('input').smartInput();