document.getElementById() giá trị không thiết lập giá trị

Question

Browser là crom (dưới ubuntu)

Đây là một đoạn mã: (tất nhiên) Các thông điệp cảnh báo cho thấy giá trị đúng. nhưng điểm yếu tố không nhận được giá trị phù hợp, nó thực sự bị trống. Ai có thể cho tôi biết tại sao?

Dưới đây là cách xác định phần tử điểm.

<input type='number' id='points' value='0'/> 

và đây là cách mã javascript được cho là phổ biến nó.

alert(request.responseText); 

document.getElementById("points").value=request.responseText; 

Answer 1

Phản hồi của bạn gần như chắc chắn là một chuỗi. Bạn cần đảm bảo rằng nó được chuyển đổi thành một số:

document.getElementById("points").value= new Number(request.responseText); 

Bạn có thể xem kỹ hơn về responseText của mình.Có vẻ như bạn đang nhận được một chuỗi chứa dấu ngoặc kép. Nếu bạn đang nhận dữ liệu JSON qua AJAX, bạn có thể có nhiều kết quả nhất quán hơn chạy qua JSON.parse().

document.getElementById("points").value= new Number(JSON.parse(request.responseText)); 

Answer 2

Trường hợp duy nhất mà tôi có thể tưởng tượng là, mà bạn chạy trên một webkit trình duyệt như Chrome hoặc Safari và giá trị trả về của bạn trong responseText, chứa một giá trị chuỗi.

Trong constelation rằng, giá trị có thể không được hiển thị (nó sẽ nhận được trống)

Ví dụ: http://jsfiddle.net/BmhNL/2/

---

Quan điểm của tôi ở đây là, mà tôi mong đợi một sai/giá trị chuỗi kép mã hóa. Trình duyệt webkit nghiêm ngặt hơn trên type = number. Nếu có "chỉ" là một vấn đề trắng-không gian, bạn có thể thử mặc nhiên gọi constructor Number(), như

document.getElementById("points").value = +request.responseText; 

Answer 3

Vấn đề rõ ràng là không phải với javascript. Dưới đây là một đoạn trích nhanh để cho bạn biết cách làm việc của mã.

document.getElementById('points').value = 100; 

http://jsfiddle.net/eqTm2/1/

Như bạn có thể thấy, javascript hoàn hảo gán các giá trị mới cho các yếu tố đầu vào. Sẽ rất hữu ích nếu bạn có thể giải thích thêm về vấn đề này.

Answer 4

Theo thử nghiệm của tôi với Chrome:

Nếu bạn đặt một đầu vào number đến một số, sau đó nó hoạt động tốt.

Nếu bạn đặt đầu vào number cho Chuỗi không chứa gì ngoài số, thì số đó hoạt động tốt.

Nếu bạn đặt một đầu vào number cho một Chuỗi có chứa một số và một số khoảng trắng, thì nó sẽ điền vào đầu vào.

Bạn có thể có một khoảng trống hoặc một dòng mới sau khi dữ liệu trong phản hồi của máy chủ mà bạn thực sự quan tâm.

Sử dụng document.getElementById("points").value = parseInt(request.responseText, 10); để thay thế.

Answer 5

Thử sử dụng,

$('#points').val(request.responseText);