document.getElementById() wartość nie ustawić wartość

Question

przeglądarka jest chrom (pod ubuntu)

Jest to fragment kodu: (oczywiście) Te komunikaty alarmowe pokazuje właściwą wartość. ale element points nie otrzymuje poprawnej wartości, w rzeczywistości jest pusty. Czy ktoś może mi powiedzieć, dlaczego?

Oto, jak definiowany jest element points.

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

i tutaj jest to, w jaki sposób kod javascript ma go zapełnić.

alert(request.responseText); 

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

Answer 1

Twoja odpowiedź prawie na pewno jest ciągiem. Musisz upewnić się, że zostanie przekonwertowany na numer:

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

Możesz przyjrzeć się swojej odpowiedzi tekstowej.Wygląda na to, że otrzymujesz ciąg zawierający cytaty. Jeśli otrzymujesz dane JSON za pośrednictwem AJAX, możesz uzyskać bardziej spójne wyniki, uruchamiając je przez JSON.parse().

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

Answer 2

Jedyny przypadek, mogę sobie wyobrazić to, że uruchomienie tego na WebKit przeglądarce Chrome jak lub Safari i swojej wartości zwracanej w responseText, zawiera wartość ciąg.

W tym constelation wartość nie może zostać wyświetlona (to się puste)

Przykład: http://jsfiddle.net/BmhNL/2/

---

Chodzi mi o to, że spodziewam się źle/podwójnie zakodowany ciąg znaków. Przeglądarki Webkit są bardziej restrykcyjne na type = number. Jeśli nie ma „tylko” kwestia white-space, można próbować niejawnie wywołanie konstruktora Number(), jak

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

Answer 3

Problem oczywiście nie jest z javascript. Oto krótki fragment, który pokazuje działanie kodu.

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

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

Jak widać, javascript doskonale nadaje nową wartość do elementu wejściowego. Byłoby pomocne, gdybyś mógł rozwinąć więcej w tej kwestii.

Answer 4

Według moich testów z Chrome:

Jeśli ustawisz wejście number do numeru, to działa dobrze.

Jeśli ustawisz wejście number na łańcuch, który zawiera tylko liczbę, to działa poprawnie.

Jeśli ustawisz wejście number na łańcuchu, który zawiera liczbę i odstępy, to puste wejście.

Prawdopodobnie masz spację lub nową linię po danych w odpowiedzi na serwerze, które naprawdę Cię interesują.

Zamiast tego użyj document.getElementById("points").value = parseInt(request.responseText, 10);.

Answer 5

Spróbuj użyć,

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