Значение скрытого ввода не изменяется при использовании jQuery

Question

Я пытаюсь изменить ЗНАЧЕНИЕ этого маленького скрытого поля ввода:

<input name="Source" value="" type="hidden">

с этим JQuery:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>

    $(document).ready(function () {
        $input = $('input[name="Source"]');
        $input.attr({'value': 'Foo'});
        console.log($input.attr('value'));
    });

</script>

Console.log (); работает отлично, я вижу Foo, но когда я просматриваю источник страницы, "значение" остается пустым.

Есть ли ошибка, которой я не следую в jQuery, или это потому, что это скрытый тип, который не обновляет значение?enter code here

Answer 1

Когда вы изменяете это с помощью Javascript, исходный код не изменяется, а копируется в исходный код вашего браузера (DOM).

Таким образом, вы не можете видеть изменения в своем исходном коде, но когда вы осмотрите страницу, вы сможете проверить изменения. Надеюсь это поможет.