jQuery .val thay đổi không thay đổi giá trị đầu vào

Tôi có một đầu vào HTML với một liên kết trong giá trị.

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

Tôi đang sử dụng jQuery để thay đổi giá trị trên một sự kiện nhất định.

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

Đoạn mã trên thay đổi giá trị của hộp văn bản nhưng không thay đổi giá trị trong mã (giá trị = 'http://www.link.com' không thay đổi). Tôi cũng cần giá trị = '' để thay đổi.

Sử dụng attrthay thế.
$('#link').attr('value', 'new value');

bản giới thiệu

Thay đổi thuộc tính giá trị không thay đổi defaultValue. Trong mã (được truy xuất bằng .html()hoặc innerHTML), thuộc tính value sẽ chứa thuộc tính value defaultValue, không phải thuộc tính value.

để mở rộng một chút về câu trả lời của Ricardo: https://stackoverflow.com/a/11873775/7672426

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

về val ()

Việc đặt giá trị bằng phương pháp này (hoặc sử dụng thuộc tính giá trị gốc) không gây ra sự kiện thay đổi. Vì lý do này, các trình xử lý sự kiện có liên quan sẽ không được thực thi. Nếu bạn muốn thực thi chúng, bạn nên gọi .trigger ("thay đổi") sau khi thiết lập giá trị.

Đây chỉ là một kịch bản có thể xảy ra với tôi. Chà nếu nó giúp ích cho ai đó thì thật tuyệt: Tôi đã viết một ứng dụng phức tạp mà ở đâu đó dọc theo đoạn mã, tôi đã sử dụng một chức năng để xóa tất cả các giá trị hộp văn bản trước khi hiển thị chúng. Đôi khi sau đó, tôi đã cố gắng đặt giá trị hộp văn bản bằng jquery val ('value') nhưng tôi không nhận thấy rằng ngay sau đó tôi đã gọi phương thức ClearAllInputs .. vì vậy, điều này cũng có thể xảy ra.

Vấn đề tương tự của tôi là do có các ký tự đặc biệt (ví dụ: dấu chấm) trong bộ chọn.

Cách khắc phục là thoát các ký tự đặc biệt:

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

Đối với tôi, vấn đề là việc thay đổi giá trị cho trường này không hoạt động:

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

Không có giải pháp nào ở trên phù hợp với tôi vì vậy tôi đã điều tra thêm và nhận thấy:

Theo Đặc tả sự kiện cấp độ 2 của DOM: Sự kiện thay đổi xảy ra khi một điều khiển mất tiêu điểm đầu vào và giá trị của nó đã được sửa đổi kể từ khi đạt được tiêu điểm. Điều đó có nghĩa là sự kiện thay đổi đó được thiết kế để kích hoạt sự thay đổi bằng cách tương tác của người dùng. Các thay đổi có lập trình không làm cho sự kiện này bị kích hoạt.

Giải pháp là thêm chức năng kích hoạt và khiến nó kích hoạt sự kiện thay đổi như sau:

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

Kiểm tra kỹ để tìm nhiều hơn một phần tử có id không phải là duy nhất! Đó là tình huống của tôi với vòng lặp foreach và sao chép id của tôi.