index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>模式窗口</title> <mce:script language="javascript"><!-- function showAddForm(){ var a = window.showModalDialog("list.html") //输出窗口 var g_name=a[0]; //获得返回值 var g_price=parseInt(a[1]); var g_num=1; var g_total=0; var isDouble //是否已经存在 isDouble=false; for (i=1;i<document.getElementById("table").rows.length;i++) { c_name=document.getElementById("table").rows(i).cells(0).innerHTML; c_price=document.getElementById("table").rows(i).cells(2).innerHTML; if (g_name==c_name && g_price==c_price){ //存在时更新数量 g_num=document.getElementById("table").rows(i).cells(1).innerHTML; g_num=parseInt(g_num)+1; g_total=g_price*g_num; document.getElementById("table").rows(i).cells(1).innerHTML=g_num; document.getElementById("table").rows(i).cells(3).innerHTML=g_total; isDouble=true; break; } } if (!isDouble){ newRow=document.getElementById("table").insertRow(-1);//不存在时添加一行 newcell=newRow.insertCell() newcell.innerHTML=a[0] newcell=newRow.insertCell() newcell.innerHTML=1 newcell=newRow.insertCell() newcell.innerHTML=a[1] newcell=newRow.insertCell() newcell.innerHTML=a[1] } //window.location.reload; } // --></mce:script> </head> <body> <table border="1" width="600" id="table"> <tr> <td colspan="4"><input type=button onclick="showAddForm()" value="添加商品" /></td> </tr> <tr> <td width="210">名称</td> <td width="128">数量</td> <td>单价</td> <td width="110">总价</td> </tr> </table> </body> </html> list.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>模式窗口</title> <mce:script language="javascript"><!-- function clickSelect() { if(event.srcElement.tagName.toLowerCase()=='td') { var i=event.srcElement.parentNode.rowIndex var j=event.srcElement.cellIndex var g_name=document.getElementById("table").rows(i).cells(1).innerHTML; var g_price=document.getElementById("table").rows(i).cells(2).innerHTML; var a = new Array(g_name,g_price); window.returnValue = a; window.close(); } } // --></mce:script> </head> <body> <table width="300" height="67" border="1" id="table"> <tr> <td width="57">编号</td> <td width="146">名称</td> <td width="86">单价</td> </tr> <tr onClick="clickSelect()" id="list1"> <td width="57">1</td> <td width="146">aaaa</td> <td width="86">1</td> </tr> <tr onClick="clickSelect()" id="list2"> <td width="57">2</td> <td width="146">bbbb</td> <td width="86">2</td> </tr> </table> </body> </html>
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
