Question

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

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

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

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

但是，我需要用“qtytoy1”的变量result替换数量。

这是我的代码。

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”？

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

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

Answer 2

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

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

然后从那里继续。

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

2 个答案: