Свойство не работает

Question

Я пытаюсь имитировать поведение placeholder, поэтому я пытаюсь сохранить исходное значение при загрузке страницы. используя этот код. Я здесь, потому что он не работает. значение пусто.

$().ready(function() { 
    $("input").prop("placeHolder", $(this).val()); 
    /* 
    also tried: 
     $("input").prop("placeHolder", $(this).attr("value")); 
    */ 
} 

Answer 1

Попробуйте это:

$(document).ready(function(){ 
    $("input").prop("placeholder", function(){ 
     return $(this).val() 
    }); 
}); 

С $().ready() Я думаю, вы ссылаетесь на метод $(document).ready().

В вашем случае $(this) не ссылается на ваш input. Он получает родителя от этого предложения. В этом случае $().

Вы можете делать то, что я написал выше, или это тоже будет работать:

$(document).ready(function(){ 
    $("#input_id").prop("placeholder", $("#input_id").val()); 
}); 

Это будет работать на один вход, если вы хотите другой способ заставить его работать на всех входах это тоже будет работать:

$(document).ready(function(){ 
    $("input").each(function(){ 
     $(this).prop("placeholder", $(this).val()); 
    }); 
}); 

Обратите внимание, что в этом случае $(this) ссылается на повторный ввод.

Answer 2

В исходном коде $(this) является не текущего input элемента. Это будет любой объект, который передается как this по $().ready() - возможно, объект document. (Я проверил - это!)

Это должно делать то, что вам требуется:

$('input').prop('placeholder', function() { 
    return this.value; 
}); 

Эта версия .prop будет вызывать указанную функцию, передавая каждый элемент, в свою очередь, как this, позволяя прямой доступ к этому DOM другие свойства элемента.

Answer 3

Атрибут чувствителен к регистру, поэтому он должен быть «заполнитель И вы можете использовать функцию, чтобы установить атрибут с:.

$("input").prop("placeholder", function() { 
    return $(this).val() 
}); 

jsFiddle example