JAVASCRIPT动态增加表格,如何实现两个input 值的计算结果

var newTd = newTr.insertCell(); 
然后给没个 newTd 一个id吧
newTd.id="Num"+i;
....
newTd.id="Pri"+j;
然后去计算 每个i*j 的价格你尝试下 

解决方案 »

  1.   

    选择商品出现一个对话框,然后选择对应的商品弹出网页对话框吧var win = window.open(.....);选择页面 window.returnValue = ...window.close();
      

  2.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <style>
    table{
    border:1 solid red;
    border-collapse:collapse
    }
    td{
    font-size:15px;
    width:140;
    border:1 solid blue
    }
    p{
    font-size:15px
    }
      </style>
     </HEAD> <BODY>
      
      <TABLE id="otbl">
      <TR>
    <TD>选择</TD><TD>序列</TD><TD>选择商品</TD><TD>产品名称</TD><TD>型号规格</TD><TD>单价</TD><TD>数量</TD><TD>总价</TD>
      </TR>
      </TABLE>
      <br/>
      <p>总计:<INPUT TYPE="text" id="alltotal" value=""></p>
      <INPUT TYPE="button" value="新增" onclick="_Insert()">
      <INPUT TYPE="button" value="删除" onclick="_Delete()">
      <INPUT TYPE="button" value="确认" >
     </BODY>
     <SCRIPT LANGUAGE="JavaScript">
     <!--
     var num = 0;
    function $(sId) {return document.getElementById(sId);} //新增
    function _Insert(){
    num++;
    var otbl = $("otbl");
    var newRow = otbl.insertRow(num);
    var newCell0 = newRow.insertCell(0);
    newCell0.innerHTML = "<INPUT TYPE='checkbox' name='do' id='chk"+num+"'>";
    var newCell1 = newRow.insertCell(1);
    newCell1.innerHTML = num ;
    var newCell2 = newRow.insertCell(2);
    newCell2.innerHTML = "<INPUT TYPE='button' value='选择商品' onClick='_Openss(this)'>";
    var newCell3 = newRow.insertCell(3);
    newCell3.innerHTML = "<INPUT TYPE='text' id='oname'>";
    var newCell4 = newRow.insertCell(4);
    newCell4.innerHTML = "<INPUT TYPE='text' id='otype'>";
    var newCell5 = newRow.insertCell(5);
    newCell5.innerHTML = "<INPUT TYPE='text' id='omon' onblur='_Check(this)'>";
    var newCell6 = newRow.insertCell(6);
    newCell6.innerHTML = "<INPUT TYPE='text' name='onum' onblur='_Check(this)'>";
    var newCell7 = newRow.insertCell(7);
    newCell7.innerHTML = "<INPUT TYPE='text' id='total'>";
    } //删除
    function _Delete(){
    var cks = document.getElementsByName('do');
    cks.length==0 && alert("无商品可删除");
    for(var i =0;i<cks.length;i++){
    if(cks[i].checked == true){
    $("otbl").deleteRow(i+1);
    _Delete();
    }
    }
    _Sort();
    }

    //排序
    function _Sort(){
    for(var j=1;j<$("otbl").rows.length;j++){ $("otbl").rows[j].cells[1].innerHTML=j;
    }
    num = $("otbl").rows.length-1;
    } //打开选择商品列表
    function _Openss(obj){
    var oval = window.showModalDialog("sel.html",null,"DialogWidth:300px;DialogHeight:200px");
    obj.parentNode.nextSibling.firstChild.value = oval;
    obj.parentNode.nextSibling.nextSibling.nextSibling.firstChild.focus();
    }

    // check这部分自己完善
    function _Check(otxt){
    var num1 = otxt.value;
    var num2 = otxt.parentNode.previousSibling.firstChild.value;
    if(isNaN(otxt.value)){
    alert('请输入正确格式');
    otxt.focus();
    return false;
    }
    if(otxt.name=="onum"){
    otxt.parentNode.nextSibling.firstChild.value=num1*num2;
    }

    }
     //-->
     </SCRIPT>
    </HTML>
    商品页面 sel.html
     <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
      <SCRIPT LANGUAGE="JavaScript">
      <!--
        function ret(oli){
            self.close();
            window.returnValue = oli.innerText;

        }
      //-->
      </SCRIPT>
     </HEAD> <BODY>
      <li onclick="ret(this)">aa</li>
      <li onclick="ret(this)">bb</li>
      <li onclick="ret(this)">cc</li>
     </BODY>
    </HTML>