Question

<?php
@$mg = $_POST['mg'];
@$pp = $_POST['pp'];
@$wu = $_POST['wu'];
@$a = $_POST['bc'];
@$b = 200;
@$c = 199;
@$d = 250;
@$e = 198;



if(isset($_POST['add'])) {
    @$sum = $a * $b;
    @$summ = $mg * $c;
    @$sump = $pp * $d;
    @$sumu = $wu * $e;
}

?>

＆＃13;

<form method="POST">
      <table class="table">
        <thead>
          <tr>
            <th>Currency</th>
            <th>$</th>
            <th>N</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>
              <label for="name">Bitcoin:</label>
            </td>
            <td>
              <input type="text" id="name" name="bc" placeholder="Enter Amount">
            </td>
            <td>
              <input type="text" value="<?php echo @$sum ?>" id="name">
            </td>

          </tr>
          <tr>
            <td>
              <label for="name">Western Union:</label>
            </td>
            <td>
              <input type="text" name="wu" id="name" placeholder="Enter Amount">
            </td>
            <td>
              <input type="text" value="<?php echo @$sumu ?>" id="name" placeholder="">
            </td>
          </tr>
          <tr>
            <td>
              <label for="name">Pay pal:</label>
            </td>
            <td>
              <input type="text" name="pp" id="name" placeholder="Enter Amount">
            </td>
            <td>
              <input type="text" value="<?php echo @$sump ?>" id="name" placeholder="">
            </td>
          </tr>
          <tr>
            <td>
              <label for="name">Money Gram:</label>
            </td>
            <td>
              <input type="text" id="name" placeholder="Enter Amount">
            </td>
            <td>
              <input type="text" value="<?php echo @$summ ?>" id="name" placeholder="">
            </td>
          </tr>
        </tbody>
      </table>
    </form>

＆＃13;

我在我的网站上开发了一个简单的计算器应用程序，其中有两个输入字段，您希望输入一个值并乘以200，另一个输入字段应该是输出结果的位置。但是我正在寻找一种更好的方式来围绕它更加动态，就像你输入你的值一样，一旦你的鼠标离开输入字段，它就会产生答案，而不像为它创建一个提交按钮。请知道如何去做任何想法。

Answer 1

以下是工作演示：http://jsfiddle.net/e8e5y3of/

首先，您应该了解id应包含唯一值。这意味着，如果您宣布一次，则不应在以后重复。

我已通过为每个输入标记分配单独的id来更正您的代码。

HTML CODE：

<form method="POST">
    <table class="table">
        <thead>
            <tr>
                <th>Currency</th>
                <th>$</th>
                <th>N</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    <label for="name">Bitcoin:</label>
                </td>
                <td>
                    <input type="text" id="nameb" name="bc" placeholder="Enter Amount">
                </td>
                <td>
                    <input type="text" value="" id="namebitcoin">
                </td>
            </tr>
            <tr>
                <td>
                    <label for="name">Western Union:</label>
                </td>
                <td>
                    <input type="text" name="wu" id="namew" placeholder="Enter Amount">
                </td>
                <td>
                    <input type="text" value="" id="namewesternunion" placeholder="">
                </td>
            </tr>
            <tr>
                <td>
                    <label for="name">Pay pal:</label>
                </td>
                <td>
                    <input type="text" name="pp" id="namep" placeholder="Enter Amount">
                </td>
                <td>
                    <input type="text" value="" id="namepaypal" placeholder="">
                </td>
            </tr>
            <tr>
                <td>
                    <label for="name">Money Gram:</label>
                </td>
                <td>
                    <input type="text" id="namem" placeholder="Enter Amount">
                </td>
                <td>
                    <input type="text" value="" id="namemoneygram" placeholder="">
                </td>
            </tr>
        </tbody>
    </table>
</form>

对于听力事件，请使用keyup功能。

JS CODE：

$( "#nameb" ).keyup(function() {
  var bitcoinvalue = $( "#nameb" ).val() * 200;
    $("#namebitcoin").val(bitcoinvalue);
});

$( "#namew" ).keyup(function() {
  var bitcoinvalue = $( "#namew" ).val() * 200;
    $("#namewesternunion").val(bitcoinvalue);
});

$( "#namep" ).keyup(function() {
  var bitcoinvalue = $( "#namep" ).val() * 200;
    $("#namepaypal").val(bitcoinvalue);
});

$( "#namem" ).keyup(function() {
  var bitcoinvalue = $( "#namem" ).val() * 200;
    $("#namemoneygram").val(bitcoinvalue);
});

它听取输入并乘以200.您可以根据需要进行更改。

WORKING FIDDLE DEMO

我如何总结值并使用jquery自动显示它们

1 个答案: