0

我有一个正在构建的网页,我希望它在更改几个输入值时更新页面上的一些文本。基本上,这是我认为应该遵循的算法,但我不太确定。(澄清我也在使用PHP)但我对除了HTML和CSS以及少量的javascript之外的任何其他语言没有任何进一步的了解)。

Open Amount: $<input type="text" name="openamount"><br />
Close Amount: $<input type="text" name="closeamount"><br />
<script type="text/javascript">
    document.write("Profit $" + document.getElementsByName("openamount").value - document.getElementsByName("closeamount").value);
</script>

几个问题,首先当页面加载时它给了我一些未定义的东西,而我宁愿它刚开始时是空白的,其次当我将内容放入输入字段时它不会更新。最重要的是,我需要实际发送的利润作为 POST 表单中的值之一。感谢您提前提供任何帮助。

4

3 回答 3

0

当页面加载时,您的 javascript 正在运行,并且永远不会再运行。取而代之的是,您希望挂钩到元素的更改事件,以便在它们发生更改时运行代码。至于将利润添加到 POST 变量中,只需在表单中创建一个隐藏的输入来保存利润值。

这是一个演示所有这些的 jsfiddle:https ://jsfiddle.net/yjvvjq49/

HTML:

<form method="POST">
  Open Amount: $<input type="text" id="openamount" name="openamount"><br />
  Close Amount: $<input type="text" id="closeamount" name="closeamount"><br />

  <input type="hidden" id="profit" name="profit"/>
  Profit: $<span id="profitText"></span>
</form>

Javascript:

var openElement = document.getElementById("openamount");
var closeElement = document.getElementById("closeamount");
var profitElement = document.getElementById("profit");
var profitTextElement = document.getElementById("profitText");

function updateProfit() {
  var profit = (Number(closeElement.value) - Number(openElement.value)).toFixed(2);
  profitElement.value = profit;
  profitTextElement.innerText = profit; 
}

openElement.onchange = closeElement.onchange = updateProfit;
于 2016-11-04T21:37:51.100 回答
-1

除了你的 javascript,这里是你可能需要的 php。以及表单元素。

<php
if(isset($_POST['openamount']) && isset($_POST['closeamount']))
{
    print "PHP got values " . $_POST['openamount'] . " and " . $_POST['closeamount'];
}
?>



<form method="POST" action="">
    Open Amount: $<input type="text" name="openamount"><br />
    Close Amount: $<input type="text" name="closeamount"><br />
    <input type="submit" value="submit money">
</form>
于 2016-11-04T21:30:50.047 回答
-1

我会将您的 document.write 包含在一个函数中,然后在您的输入中添加一个 onChange 以调用所述函数。

于 2016-11-04T21:24:50.510 回答