Изменение jQuery .val не меняет входное значение

У меня есть ввод HTML со ссылкой в ​​значении.

<input type = 'text' value = 'http://www.link.com' id = 'link' />

Я использую jQuery для изменения значения определенного события.

$('#link').val('new value');

Приведенный выше код изменяет значение текстового поля, но не меняет значение в коде (value = 'http://www.link.com' остается без изменений). Мне также нужно изменить значение = ''.

attrВместо этого используйте .
$('#link').attr('value', 'new value');

демо

Изменение свойства значения не меняет defaultValue. В коде (полученном с помощью .html()или innerHTML) атрибут value будет содержать defaultValueсвойство value, а не свойство value.

чтобы немного расширить ответ Рикардо: https://stackoverflow.com/a/11873775/7672426

http://api.jquery.com/val/#val2

о val ()

Установка значений с помощью этого метода (или использования собственного свойства значения) не вызывает отправку события изменения. По этой причине соответствующие обработчики событий не будут выполняться. Если вы хотите выполнить их, вы должны вызвать .trigger ("изменить") после установки значения.

Это всего лишь возможный сценарий, который случился со мной. Что ж, если это кому-то поможет, тогда отлично: я написал сложное приложение, в котором где-то в коде я использовал функцию для очистки всех значений текстовых полей перед их отображением. Некоторое время спустя я попытался установить значение текстового поля с помощью jquery val ('value'), но я не заметил, что сразу после этого я вызвал метод ClearAllInputs ... так что это тоже могло произойти.

$('#link').prop('value', 'new value');

Объяснение: Attr будет работать с jQuery 1.6, но с jQuery 1.6.1 все изменилось. В большинстве случаев prop () делает то, что раньше делал attr (). Замена вызовов attr () на prop () в вашем коде обычно работает. Attr предоставит вам значение element, как оно было определено в html при загрузке страницы, а prop дает обновленные значения элементов, которые изменяются с помощью jQuery.

Моя аналогичная проблема была вызвана наличием в селекторе специальных символов (например, точек).

Исправление заключалось в том, чтобы избежать специальных символов:

$("#dots\\.er\\.bad").val("mmmk");

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
function changes() {
$('#link').val('new value');
}
</script>
<button onclick="changes()">a</button>
<input type='text' value='http://www.link.com' id='link'>

Для меня проблема заключалась в том, что изменить значение этого поля не удалось:

$('#cardNumber').val(maskNumber);

Ни одно из приведенных выше решений не помогло мне, поэтому я продолжил исследование и обнаружил:

Согласно спецификации события уровня 2 DOM: событие изменения происходит, когда элемент управления теряет фокус ввода и его значение было изменено с момента получения фокуса. Это означает, что событие изменения запускается при изменении при взаимодействии с пользователем. Программные изменения не вызывают запуск этого события.

Решением было добавить функцию триггера и заставить ее запускать событие изменения следующим образом:

$('#cardNumber').val(maskNumber).trigger('change');

Дважды проверьте наличие более одного элемента с неуникальным идентификатором! Это была моя ситуация с циклом foreach и дублированием моих идентификаторов.