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

时间:2012-04-04 23:36:00

标签: javascript variables innerhtml

我是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”?

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

2 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:1)

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

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

然后从那里继续。