javascript - 需要InnerHTML解决方案-应该易于回答

我是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;
}

如何用变量“ qtytoy1”替换“ $ 26.99”？

我很确定有更好的方法可以解决此问题。如果您这样认为，请分享，但请确保它对于像我这样的新手都是可以理解的。 :)

最佳答案

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>";