Setzen Sie den Wert direkt in das Eingabefeld?

Question

Ich nehme einen letzten Transaktionswert von https://api.bitcoinaverage.com/ticker/global/CAD/ und möchte es in ein Eingabetextfeld aktualisieren, aber egal was ich versuche, es wird nicht angezeigt.

hier ist eine Geige

https://jsfiddle.net/h9w5tj8m/2/

var xbtc = new XMLHttpRequest(); 
xbtc.open('GET', 'https://api.bitcoinaverage.com/ticker/global/CAD/', true); 
xbtc.onreadystatechange = function() { 
    if (xbtc.readyState == 4) { 
    var ticker = JSON.parse(xbtc.responseText); 
    price = ticker.last; 
    document.getElementById('btc').innerHTML = price; 
    document.getElementById('cad').innerHTML = price; 
    } 
}; 
xbtc.send(); 

Answer 1

updated fiddle

Verwendung

document.getElementById('cad').value

statt

document.getElementById('cad').innerHTML

Einfach mit Benutzer interagieren Element input,select,textarea alle sind Anruf mit value für die Daten von den Elementen zu verstehen.

Alle sind Anruf Andere Element mit innerHTML für bekommen die Daten aus dem Element

also refer different between .value and .innerHTML

var xbtc = new XMLHttpRequest(); 
xbtc.open('GET', 'https://api.bitcoinaverage.com/ticker/global/CAD/', true); 
xbtc.onreadystatechange = function() { 
    if (xbtc.readyState == 4) { 
    var ticker = JSON.parse(xbtc.responseText); 
    price = ticker.last; 
    document.getElementById('btc').innerHTML = price; 
    document.getElementById('cad').value = price; 
    } 
}; 
xbtc.send(); 

Answer 2

Es gibt keinen Eingabetyp "Textbox". Sie müssen es in "Text" ändern oder eine <textarea></textarea> verwenden. Sie können den Wert der Texteingabe mit .value und einem Textbereich mit .innerHTML oder .value festlegen.

Diese Geige funktioniert: https://jsfiddle.net/h9w5tj8m/4/

Answer 3

Wert Attribut den Wert u in einem bestimmten Textfeld abgerufen legen Sie eine bestimmte ID haben. Zum Beispiel:

<input type ="textbox " id="a"> 
    </input> 
    <script> 
document.getElmentById("a").value=x; 
</script> 
    //x is the variable where the retrieved data is stored. 

Answer 4

versuchen Sie dies