Зміна jQuery .val не змінює вхідне значення

У мене є HTML-вхід із посиланням у значенні.

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

Я використовую jQuery для зміни значення певної події.

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

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

Використовуйте attrзамість цього.
$('#link').attr('value', 'new value');

демонстрація

Зміна властивості значення не змінює значення defaultValue. У коді (отриманому з .html()або innerHTML) атрибут value буде містити defaultValueвластивість, а не значення.

щоб трохи розширити відповідь Рікардо: https://stackoverflow.com/a/11873775/7672426

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

про val ()

Встановлення значень за допомогою цього методу (або використання властивості нативного значення) не спричиняє розсилання події зміни. З цієї причини відповідні обробники подій не виконуватимуться. Якщо ви хочете виконати їх, вам слід викликати .trigger ("змінити") після встановлення значення.

Це просто можливий сценарій, який трапився зі мною. Добре, якщо це допомагає комусь, то чудово: я написав складний додаток, де десь уздовж коду я використовував функцію для очищення всіх значень текстових полів, перш ніж показувати їх. Десь пізніше я спробував встановити значення текстового поля за допомогою jquery val ('value'), але я не помітив, що одразу після цього я посилався на метод ClearAllInputs .. так що це теж може статися.

Моя аналогічна проблема була викликана тим, що в селекторі були спеціальні символи (наприклад, періоди).

Виправлення полягало в тому, щоб уникнути особливих символів:

$("#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);

Жодне з вищезазначених рішень не працювало для мене, тому я дослідив далі і виявив:

Відповідно до специфікації події DOM рівня 2: Подія зміни відбувається, коли елемент втрачає фокус введення і його значення було змінено з моменту отримання фокусу. Це означає, що подія зміни призначена для активізації змін у взаємодії з користувачем. Програмні зміни не призводять до звільнення цієї події.

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

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

Перевірити наявність декількох елементів з унікальним ідентифікатором! Такою була моя ситуація з циклом foreach та дублюванням ідентифікаторів.