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

Javascript 需要InnerHTML解决方案-应该很容易回答,javascript,variables,innerhtml,Javascript,Variables,Innerhtml,我是JavaScript新手,所以请了解我的情况 我创建了一个简单的HTML表单,其中包括一个下拉菜单(用于选择项目数量)和一个提交按钮(用于添加到购物车) 一旦提交,表单结果将显示在网页上的表格中 到目前为止,我的代码可以显示表单选项的结果 但是,我需要用“qtytoy1”的变量结果替换数量 这是我的密码 function addToy1New() { var i = document.getElementById("qty_toy1"); var qtytoy1 = i.options[i.

我是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;
}
函数addToy1New()
{
var i=document.getElementById(“数量1”);
var qtytoy1=i.options[i.selectedIndex].text;
var htmlTagString=“”
+"  "
+“擎天柱”
+“x1”
+"    $26.99"
+"  "
+"  "
+"    "
+“总计:”
+"    $26.99"
+"  "
+"";
document.getElementById(“toy1_add”).innerHTML=htmlTagString;
document.getElementById(“toy1_测试”).innerHTML=qtytoy1;
}
如何用变量“qtytoy1”替换“$26.99”


我很确定有更好的方法来解决这个问题。如果您这样认为,请与我们分享,但请确保像我这样的新手能够理解。:)

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

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

然后从那里继续。

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

htmlTagString = htmlTagString.replace("$26.99", qtytoy1);
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>";
然后从那里继续。

var htmlTagString=“”
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>";
+" " +“擎天柱” +“x1” +“”+qtytoy1+“” +" " +" " +" " +“总计:” +“”+qtytoy1+“” +" " +"";
var htmlTagString=“”
+"  "
+“擎天柱”
+“x1”
+“”+qtytoy1+“”
+"  "
+"  "
+"    "
+“总计:”
+“”+qtytoy1+“”
+"  "
+"";

我建议使用jQuery。这让生活变得容易多了。请发布您的html,否则不做假设就无法回答。
document.createElement
&
document.appendChild
?您真的在问如何在当前显示为“$25.99”的位置插入变量吗@d!u不可避免的jQuery对OP的问题没有帮助,是吗?@JuanMendes OP要求“更好的解决方法”。所以我添加了一个建议。在评论中,不是回答。还有,jQuery什么时候能解决没有它就无法解决的问题?完全不可能,不是吗?我建议使用jQuery。这让生活变得容易多了。请发布您的html,否则不做假设就无法回答。
document.createElement
&
document.appendChild
?您真的在问如何在当前显示为“$25.99”的位置插入变量吗@d!u不可避免的jQuery对OP的问题没有帮助,是吗?@JuanMendes OP要求“更好的解决方法”。所以我添加了一个建议。在评论中,不是回答。还有,jQuery什么时候能解决没有它就无法解决的问题?完全不可能,不是吗?我认为这个答案不值得投否决票。这个问题很模糊,所以人们只能猜测它的含义+1反对反对票。同意,从OP对JS专业知识的感知水平来看,这个答案符合要求。我认为这个答案不值得投否决票。这个问题很模糊,所以人们只能猜测它的含义+1反对反对票。同意,从OP对JS专业知识的感知水平来看,这个答案符合要求。这真的很不雅。谢谢你,伙计。在你发布之前解决了这个问题,但是感谢你的帮助!谢谢你,伙计。在你发布之前解决了这个问题,但是感谢你的帮助!