атрибут значения поля ввода не изменится, если тип = «скрытый»

Question

Я хотел сохранить поле ввода, чтобы сохранить переменную, которая не должна отображаться в интерфейсе. Итак, я создал вход, поданный, как показано ниже.

HTML

<input id="id" value="" class="hide-element" /> 

CSS

.hide-element{ 
display: none; } 

и JavaScript изменить значение, выполнив ниже.

$('#id').val("Hello"); 

Но когда я использую Google Chrome, инспектировать элемент это показывает, что value attribute is not changed.

<input id="offSet" value="" class="hide-element"> 

, но когда я удаляю css и использую как показано ниже.

<input id="offSet" value="" type="hidden"/> 

, а затем я называю

$('#offSet').val("Hello"); 

Теперь он будет показывать

<input id="offSet" value="Hello" type="hidden"> 

И в обоих случаях я могу посмотреть, что значение, используя ниже, хотя он не показал в первом случае.

alert($('#offSet').val()); 

Почему такое поведение происходит?

Answer 1

Если вы меняете значение с использованием .val(), вы не сможете увидеть изменения в проверке google, потому что .val() возвращает текущее значение сначала перед завершением операции.

При изменении значения с помощью .attr (значение) вы можете в состоянии видеть изменения в гугле инспектировать

Answer 2

В общем, значение атрибута описывает по умолчанию значение , а не текущее значение(который вы можете получить через значение недвижимость (это то, что val() делает)).

Скрытые входы не редактируются пользователем, поэтому вы можете обнаружить, что значения по умолчанию и текущие значения для них одинаковы.