如何在html中获取PHP回显值,所以它与其他输入相同?

时间:2015-10-26 09:51:51

标签: javascript php html api

我将展示我的例子,因为我不知道如何解释它。

这是一个带有javascript的html代码,用于计算它们之间的数字:http://jsbin.com/OJOlARe/1/edit?html,js,output

我想要做的是将“input id =”box2“”替换为我在PHP中使用此代码获得的结果。

<?php

$url = "https://btc-e.com/api/3/ticker/btc_usd";
$decode = json_decode(file_get_contents($url), true);
$price = $decode["btc_usd"]["last"];


echo $price;
?>

所以我将在框1中输入我想要的值,box2将自动具有“echo $ price”的值,结果将在它们之间计算这两个值。

非常感谢你的帮助和努力。

3 个答案:

答案 0 :(得分:0)

如果你只想获得价格的价值只是增值。像这样

试试这个。

 <td><input id="box2" type="text" oninput="calculate()" value="<?php echo $price; ?>"/></td>

答案 1 :(得分:0)

如果我理解正确,应该是这样的。

PHP

<?php

$url = "https://btc-e.com/api/3/ticker/btc_usd";
$decode = json_decode(file_get_contents($url), true);
$price = $decode["btc_usd"]["last"];


echo $price;
?>

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>

<table width="80%" border="0">
  <tr>
    <th>Box 1</th>
    <th>Box 2</th>
    <th>Result</th>
  </tr>
  <tr>
    <td><input id="box1" type="text" oninput="calculate()" /></td>
    <td><input id="box2" value="<?php echo($price); ?>" type="text" oninput="calculate()" /></td>
    <td><input id="result" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

</body>
</html>

的JavaScript

<script>
    function calculate() {
        var myBox1 = document.getElementById('box1').value; 
        var myBox2 = document.getElementById('box2').value;
        var result = document.getElementById('result'); 
        var myResult = myBox1 * myBox2;
        result.value = myResult;
    }
</script>

答案 2 :(得分:0)

l3aronsansgland的建议将起作用。而不是使用HTML文件,我创建了一个PHP文件并将所有脚本放在其中,如下所示。我已对它进行了测试,效果很好:

<!DOCTYPE html>

 <?php

$url = "https://btc-e.com/api/3/ticker/btc_usd";
$decode = json_decode(file_get_contents($url), true);
$price = $decode["btc_usd"]["last"];
?>

<script>
    function calculate() {
        var myBox1 = document.getElementById('box1').value; 
        var myBox2 = document.getElementById('box2').value;
        var result = document.getElementById('result'); 
        var myResult = myBox1 * myBox2;
        result.value = myResult;
    }
</script>

<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>

<table width="80%" border="0">
  <tr>
    <th>Box 1</th>
    <th>Box 2</th>
    <th>Result</th>
  </tr>
  <tr>
    <td><input id="box1" type="text" oninput="calculate()" /></td>
    <td><input id="box2" value="<?php echo($price); ?>" type="text" oninput="calculate()" /></td>
    <td><input id="result" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

</body>
</html>