个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我为购物篮编写了一个简单的 Javascript 代码，但现在我意识到我在编写它时犯了一个错误，并且不知道如何修复它。我拥有的是一个带有 Javascript 的 HTML 文件，但在 Javascript 中，我已经包含了通常只在 HTML 文件中的图像源和字段，但我现在要做的是制作 2 个文件，其中一个是 .HTML 文件，另一个 .JS 文件，但我想要的只是 HTML 文件中添加到购物车的一个按钮。
目前，每个项目旁边都有一个按钮，底部有一个按钮。我需要去掉项目旁边的按钮，但我对如何做到这一点感到困惑，我还需要来自 HTML 文件的图像以及下拉框，但这也在我不这样做的 javascript 中不想。
这是我的 javascript 文件，其中嵌入了 Javascript。我已经在 HTML 中正确获取了它。
<SCRIPT type="text/javascript">
var items=['Xbox~149.99','StuffedGizmo~19.98','GadgetyGoop~9.97'];
var M='�'; var product=[]; var price=[]; var stuff='';
function wpf(product,price){var pf='<form><FIELDSET><LEGEND>'+product+'</LEGEND>';
pf+='<img src="../images/'+product+'.jpg" alt="'+product+'" ><p>price '+M+''+price+'</p> <b>Qty</b><SELECT>';
for(i=0;i<6;i++){pf+='<option value="'+i+'">'+i+'</option>'} pf+='</SELECT>';
pf+='<input type="button" value="Add to cart" onclick="cart()" /></FIELDSET></form>';
return pf
}
for(j=0;j<items.length;j++){
product[j]=items[j].substring(0,items[j].indexOf('~'));
price[j]=items[j].substring(items[j].indexOf('~')+1,items[j].length);
stuff+=''+wpf(product[j],price[j])+'';
}
document.getElementById('products').innerHTML=stuff;
function cart(){ var order=[]; var tot=0
for(o=0,k=0;o<document.forms.length;o++){
if(document.forms[o].elements[1].value!=0){
qnty=document.forms[o].elements[1].value;
order[k]=''+product[o]+'_'+qnty+'*'+price[o]+'';
tot+=qnty*price[o];k++
}
}
document.getElementById('inCart').innerHTML=order.join('<br>')+'<h3>Total '+tot+'</h3>';
}
</SCRIPT>
这有道理吗？我不确定我的解释是否正确。
最佳答案
就是这里了。虽然还有很多需要改进的地方，但它确实有效。
HTML 文件:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>Shopping</TITLE>
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<STYLE type=text/CSS>
fieldset {width:300px}
legend {font-size:24px;font-family:comic sans ms;color:#004455}
</STYLE>
</HEAD>
<BODY scroll="auto">
<div id="products"></div><hr>
<div id="inCart"></div>
<input type="button" value="Add to cart" onclick="cart()" />
</BODY>
<SCRIPT type="text/javascript" src="cart.js"></SCRIPT>
</HTML>
Javascript 文件:
var items =
[
{'id':1, 'name':'Xbox', 'desc':'The best gaming console from Microsoft', 'price':149.99, 'image_src': '', 'qty':0},
{'id':2, 'name':'Stuffed Gizmo', 'desc':'This gizmo is stuffed with stuff', 'price':19.98, 'image_src': '', 'qty':0},
{'id':3, 'name':'Gadgety Goop', 'desc':'', 'price':9.00, 'image_src': '', 'qty':0}
];
var M = '£';
var stuff = '';
var order = [];
var tot = 0;
for(j=0;j<items.length;j++) {
stuff+=''+wpf(j)+'';
}
document.getElementById('products').innerHTML=stuff;
function wpf(j) {
var pf='';
pf+='<form name="frm_cart_'+j+'">';
pf+='<fieldset><legend>'+items[j].name+'</legend>';
pf+='<img src="../images/'+items[j].image_src+'" alt="Image of '+items[j].name+'" >';
pf+='<p>'+items[j].desc+'</p>';
pf+='<p>Price:'+M+''+items[j].price+'</p>';
pf+='<b>Qty</b>';
pf+='<select id="qty_'+j+'">';
for(i=0;i<6;i++) {
pf+='<option value="'+i+'">'+i+'</option>'
}
pf+='</select>';
pf+='</fieldset>';
pf+='</form>';
return pf;
}
function cart() {
var sel_elems = document.getElementsByTagName('select');
k=0;
for (i=0; i < sel_elems.length; i++) {
if (sel_elems[i].id.substring(0, 4) == 'qty_' && sel_elems[i].value > 0) {
console.log(i, sel_elems[i].value);
order[k]=''+items[i].name+'_'+sel_elems[i].value+'*'+items[i].price+'';
tot += sel_elems[i].value*items[i].price;
k++;
}
}
document.getElementById('inCart').innerHTML=order.join('<br>')+'<h3>Total '+tot+'</h3>';
}
关于javascript - 购物车编码帮助，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2790507/
25
4
0
我对自定义 CSS 或在将图像作为 Logo 上传到页面时使用编码 block 有疑问。我正在为我的网站使用 squarespace，我需要帮助编码我的 Logo 以使其适合每个页面。一个选项是使用自
如 encoding/json 包文档中所述， Marshal traverses the value v recursively. If an encountered value implement
我必须做一些相当于Java中的iconv -f utf8 -t sjisMS $INPUT_FILE的事情。该命令在 Unix 中 我在java中没有找到任何带有sjisMS的编码。 Java中有Sh
从 PHP 5.3 迁移到 PHP 5.6 后，我遇到了编码问题。我的 MySQL 数据库是 latin1，我的 PHP 文件是 windows-1251。现在一切都显示为“ñëåäíèòå àäðå
我有一个 RScript文件(我们称之为 main.r )，它引用了另一个文件，使用以下代码: source("functions.R") 但是，当我运行 RScript 文件时，它提示以下错误:
我无法设法从 WSDL 创建 RPC/编码风格的代码 - 有谁知道哪个框架可以做到这一点？ 带有 adb 和 xmlbeans 映射的 Axis2 无法正常工作(无法处理响应中的肥皂编码)直接使用 X
安装了最新版本的Node.Js()和npm包**(1.2.10)**当我运行 Express 命令来生成项目时，它向我抛出以下错误 buffer.js:240 switch (encoding &
JavaScript中有JSON编码/解码base64编码/解码函数吗？ 最佳答案 是的，btoa() 和 atob() 在某些浏览器中可以工作: var enc = btoa("this is so
>>> unicode('восстановление информации', 'utf-16') Traceback (most recent call last): File "", line
我当然熟悉 java.net.URLEncoder 和 java.net.URLDecoder 类。但是，我只需要 HTML 样式的编码。 (我不想将 ' ' 替换为 '+' 等)。我不知道任何只做
有一个非常简单的 SSIS 包: OLE DB Source 通过 View 获取数据(数据库表 nvarchar 或 nchar 中的所有字符串列)。 派生列，用于格式化现有日期并将其添加到数据集(
我正在使用一个在 Node 中进行base64编码的软件，如下所示: const enc = new Buffer('test', 'base64') console.log(enc) 显示: 我正
我试图将带有日语字符的数据插入到 oracle 数据库中。事情是保存在数据库中的是一堆倒置的问号。我该如何解决这个问题 最佳答案 见 http://www.errcode.net/blogs/?p=6
当我在 java 中解压 zip 文件时，我发现文件名中出现了带有重音字符的奇怪行为。 西索: Add File user : L'equipe Technique -- Folder : spec
在网上冲浪我找到了 ExtJS 的 Ext.Gantt 插件，该扩展有一个特殊的编码。任何人都知道如何编码那样或其他复杂的形式。 Encoded Gantt Chart 最佳答案 它似乎被 Dean
我正在用C语言做一个编码任务，我进展顺利，直到读取符号并根据表格分配相应的代码的部分。我必须连接几个代码，直到它们的长度达到 32 位，为此我必须将它们写入一个文件中。这种写入文件的方法给我带来了很多
我有一个外部链接的 javascript 文件。在那个 javascript 里面，我有这个功能: function getMonthNumber(monthName){ monthName = mo
使用mechanize，我检索到一个网页的源页面，其中包含一些非ASCII字符，比如汉字。 代码如下: #using python2.6 from mechanize import Browser b
我有一个包含字母 ø 的文件。当我用这段代码 File.ReadLines(filePath) 读取它时，我得到了一个问号而不是它。 当我像这样添加编码时 File.ReadLines(filePat
如何翻译下面的字符串 H.P. Dembinski, B. K\'{e}gl, I.C. Mari\c{s}, M. Roth, D. Veberi\v{c} 进入 H. P. Dembinski,
我是一名优秀的程序员,十分优秀！