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

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();