文本正在实时更新

Question

我需要根据下拉框中的选项实时更新一些文字。

以下是一个示例：http://www.thatsoftwareguy.com/swguy_demo_1.3.7/index.php?main_page=product_info&cPath=65&products_id=183

我知道如何使用NAME和ID自动更新输入框 - 但是如何为普通文本提供NAME和ID？

Answer 1

创建一个span，给它一个ID，然后引用该ID并更新

中的HTML

Answer 2

要为文本提供ID，您应将其括在<span></span>。

中

所以，你有Price: <span id="price">3.00</span>$。

修改

以价格运作：

var price = parseFloat(document.getElementById('price').innerHTML);
price += 5;
document.getElementById('price').innerHTML = price.toFixed(2);

这会使价格上涨5美元。不管怎样，Allways确保验证您在服务器端调用的任何内容。

对于完整性，我将解释所涉及的一切。

• document是一个DOM元素。
• getElementById( id )是document函数，它找到具有给定ID的第一个元素。
• innerHTML对于可以包含数据的数据，这会将数据中的内容作为字符串连接起来。
• parseFloat将字符串转换为浮点数。
• toFixed(decimals)是一个浮点函数，它使浮点数成为给定小数位数的字符串。

希望现在一切都很清楚。

Answer 3

为文本容器添加id并使用document.getElementById("theId").innerHTML修改该容器的内容。

例如，容器可以是div，span或p元素。

Answer 4

您正在使用

 <div id="estimate" style="font-weight:
 bold; font-size: 14px;"> </div>

显示像这样使用隐藏字段的价目表：

 <input type="text" name="txthidden"
 id="txthidden" value="">

。通过选择框更改功能粘贴div和隐藏字段中的响应文本，

  document.getElementById('txthidden').value = responsetext;

然后使用普通的php你可以发布txthidden值。