使用jQuery交换输入字段占位符文本

时间:2012-03-08 19:44:31

标签: javascript jquery

我尝试使用以下jquery代码,但它不能正常工作,如何修复它?

演示: http://jsfiddle.net/pjqcf/

<input type="text" value="Some descriptive text...">​

$('input[type=text]').focus(function () {
    if ($(this).val() == $(this).attr('defaultValue')) {
        $(this).val('');
    }
});
$('input[type=text]').blur(function () {
    if ($(this).val() == '') {
        $(this).val($(this).attr('defaultValue'));
    }
});​

3 个答案:

答案 0 :(得分:3)

您尚未设置输入的“defaultValue”属性。将“defaultValue”设置为“一些描述性文本..”,它应该可以正常工作

<input type="text" value="Some descriptive text..." defaultValue="Some descriptive text...">​

答案 1 :(得分:0)

在将defaultValue添加到标记后正常工作。见下面的变化,

<input type="text" 
    value="Some descriptive text..." 
    defaultValue="Some descriptive text...">

DEMO

答案 2 :(得分:0)

将“defaultValue”更改为“value”。或者将defaultValue属性添加到输入