将值直接放入输入文本框表单?

时间:2017-02-09 05:44:18

标签: javascript jquery json

我从https://api.bitcoinaverage.com/ticker/global/CAD/获取最后一个交易值,并希望将其更新为输入文本框,但无论我尝试什么,它都不会显示出来。

这是一个小提琴

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();

4 个答案:

答案 0 :(得分:1)

<强> updated fiddle

使用

document.getElementById('cad').value

而不是

document.getElementById('cad').innerHTML

只需了解用户互动元素input,select,textarea,即可使用value调用以获取元素中的数据。

所有其他元素都使用innerHTML调用以获取元素中的数据

<强> 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();

答案 1 :(得分:0)

没有输入类型的“文本框”。您需要将其更改为“文本”或使用<textarea></textarea>。您可以使用.value设置文本输入的值,使用.innerHTML.value设置文本区域。

这个小提琴很好用:https://jsfiddle.net/h9w5tj8m/4/

答案 2 :(得分:0)

使用value属性会将检索到的值u放入具有特定id的特定文本框中。例如:

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

答案 3 :(得分:0)

试试这个

 document.getElementById('cad').value = price;