需要 InnerHTML 解决方案 - 应该很容易回答答案

【问题标题】：InnerHTML solution needed - Should be easy to answer需要 InnerHTML 解决方案 - 应该很容易回答
【发布时间】：2012-04-04 23:35:59
【问题描述】：

我是 JavaScript 新手，所以请理解我的情况。

我创建了一个简单的 HTML 表单，其中包括一个下拉菜单（用于选择商品数量）和一个提交按钮（用于添加到购物车）。

提交后，表单的结果会显示在网页上的表格中。

到目前为止，我的代码可以显示表单选项的结果。

但是，我需要将数量替换为“qtytoy1”的变量结果。

这是我的代码。

function addToy1New()
{
var i = document.getElementById("qty_toy1");
var qtytoy1 = i.options[i.selectedIndex].text;
var htmlTagString="<table width=\"100%\" border=\"0\">"
                    +"  <tr>"
                    +"    <td>Optimus Prime</td>"
                    +"    <td> x 1</td>"
                    +"    <td>$26.99</td>"
                    +"  </tr>"

                    +"  <tr>"
                    +"    <td></td>"
                    +"    <td>Total:</td>"
                    +"    <td>$26.99</td>"
                    +"  </tr>"
                    +"</table>";

document.getElementById("toy1_add").innerHTML=htmlTagString;
document.getElementById("toy1_test").innerHTML=qtytoy1;
}

如何将“$26.99”替换为我的变量“qtytoy1”？

我很确定这种方法有更好的方法。如果您这么认为，请分享，但请确保对于像我这样的新手来说是可以理解的。 :)

【问题讨论】：

我推荐使用 jQuery。它使生活变得更加轻松。 jquery.com
请发表您的html，否则不做假设就无法回答。
document.createElement & document.appendChild?
您真的在问如何在当前显示“$25.99”的位置插入一个变量吗？ @d_inevitable jQuery 对 OP 的问题没有帮助，不是吗？
@JuanMendes 该操作要求“更好的解决方法”。所以我添加了一个建议。在评论中，而不是答案。 jQuery 什么时候解决过没有它就无法解决的问题？很不可能，不是吗？

标签： javascript variables innerhtml

【解决方案1】：

var htmlTagString="<table width=\"100%\" border=\"0\">"
                    +"  <tr>"
                    +"    <td>Optimus Prime</td>"
                    +"    <td> x 1</td>"
                    +"    <td>" + qtytoy1 + "</td>"
                    +"  </tr>"

                    +"  <tr>"
                    +"    <td></td>"
                    +"    <td>Total:</td>"
                    +"    <td>" + qtytoy1 + "</td>"
                    +"  </tr>"
                    +"</table>";

【讨论】：

谢谢哥们。在您发布之前解决了这个问题，但感谢您的帮助！

【解决方案2】：

您应该能够在您的字符串上使用replace 方法：

htmlTagString = htmlTagString.replace("$26.99", qtytoy1);

然后从那里继续。

【讨论】：

我认为这个答案不值得反对。这个问题很模糊，所以人们只能假设它的含义。 +1 反对反对票。
同意，从 OP 对 JS 专业知识的感知水平来看，这个答案符合要求。这真的很不雅。