• js生成、删除表格方法


     <script language="javascript" type="text/javascript">
            var index = 0;
            function addplan() {
                if (validate2()) {
                    insert(index);
                    var text = "";               
                     index++;
                    text += "<table id='tab' style='100%; height;25px;' border='1' cellpadding='0' cellspacing='0'>";
                    text += "<tr style='height:20px;'>";
                    text += "<td style='90px'>" + (index) + "</td>";
                   
                    var select1=document.getElementById("DropDownList3");
                    text += "<td style='90px;'><label id='txtbegintime'>" + select1.options[select1.selectedIndex].innerText + "</label></td>";
                   
                    var select2=document.getElementById("DropDownList2");
                    text += "<td style='90px;'><label id='txtendtime'>" + select2.options[select2.selectedIndex].innerText + "</label></td>";
                   
                    var select3=document.getElementById("DropDownList1");
                    text += "<td style='90px;'><label id='txtNumber'>" + select3.options[select3.selectedIndex].innerText + "</label></td>";
                   
                    var select5=document.getElementById("txtNumber1")
                    text += "<td style='90px;'><label id='txtyuPrice'>" +select5.options[select5.selectedIndex].innerText + "</label></td>";
                  
                    var select4=document.getElementById("txtBianma");
                    text += "<td style='90px;'><label id='txtKCNumber'>" +select4.options[select4.selectedIndex].innerText + "</label></td>";
                   
                   
                   
                    text += "<td style='90px;'><label id='txtPrice'>" + document.getElementById("txtKCNumber1").value + "</label></td>";
                    text += "<td style='90px;'><label id='txtPrice'>" + document.getElementById("txtyuPrice1").value + "</label></td>";
                    text += "<td style='90px;'><label id='txtPrice'>" + document.getElementById("txtPrice1").value + "</label></td>";
                   
                    text += "<td style='90px;'><label id='txtBei'>" + document.getElementById("txtBei1").value + "</label></td>";
                    //var select6=document.getElementById("ddlscs");
                    //text +="<td style='90px;'><lable id='txtscs'>"+select6.options[select6.selectedIndex].innerText+"</lable></td>";
                    text +="<td style='90px;'><lable id='txtscs'>厂商名称</lable></td>";
                   
                   
                    text+="<td style='90px;'><input type='button' value='删除' onclick='deleteRow(this)'></td>"
                    text += "<td style='90px;'></td>";
                    text += "</tr></table>";

                    document.getElementById("div_play1").innerHTML += text;
                   
                    document.getElementById("txtBianma").value = "";
                    document.getElementById("txtNumber1").value = "";
                      document.getElementById("txtKCNumber1").value = "";
                    document.getElementById("txtyuPrice1").value = "";
                    document.getElementById("txtPrice1").value = "";
                   
                 
                    document.getElementById("txtBei1").value = "";
                   

                }
            }


            function insert(index) {
                var HTYPE = document.getElementById("DropDownList3").value;
                var PRODUCTNAME = document.getElementById("DropDownList2").value;
                var PRODUCTTYPE = document.getElementById("DropDownList1").value;
                var PRODUCTSBM = document.getElementById("txtNumber1").value;
                var PRODUCTSNUMBER = document.getElementById("txtBianma").value;
               
                var PROFUCTSKCNUMBER=document.getElementById("txtKCNumber1").value;
                var PRODUCTSPRICE = document.getElementById("txtyuPrice1").value;
                var PRODUCTSMONEY = document.getElementById("txtPrice1").value;
                var BEIZU=document.getElementById("txtBei1").value;

                var text = HTYPE + "," + PRODUCTNAME + "," + PRODUCTTYPE + "," + PRODUCTSBM + "," + PRODUCTSNUMBER + ","+PROFUCTSKCNUMBER+"," + PRODUCTSPRICE + "," + PRODUCTSMONEY+","+BEIZU;
                document.getElementById("listvalue").value += text + "@";
            }

            function deleteRow(index){
            var index = index.parentNode.parentNode.rowIndex;
            var tab = document.getElementById('tab');
            tab.deleteRow(index);
            }

            function validate2() {

                var txtName1 = document.getElementById("DropDownList3").value;
                var txtGUIG1 = document.getElementById("txtGUIG1").value;
                var txtNumber1 = document.getElementById("txtNumber1").value;

                if (txtName1 == "" || txtName1.length == 0) {
                    alert("物品名称不可以为空!");
                    return false;
                } else if (txtGUIG1 == "" || txtGUIG1.length == 0) {
                    alert("规格不能为空!");
                    return false;
                } else if (txtNumber1 == "" || txtNumber1.length == 0) {
                    alert("数量不能为空!");
                    return false;
                } else {

                    return true;

                }

    return  true;
            }
           
            //计算单条记录金额
            function  SuanQian()
            {
           
              var money=document.getElementById("txtyuPrice1").value;
              var SL=document.getElementById("txtKCNumber1").value;
             
              var ZQ=money*SL;
             
              document.getElementById("txtPrice1").value=ZQ;
           
            }
           

        </script>

  • 相关阅读:
    Visual Detection of Lintel-Occluded Doors from a Single Image
    Linux下快速构建Android编译环境
    How to Train YOLOv4 on a Custom Dataset
    yolo v4 darknet colab
    Deep Image Matting
    给 MSYS2 添加中科大的源
    msys2 mingw64 ffmpeg 搭建最新ffmpeg编译环境 可用 ffmpeg 4.1 及更新版本
    GB28181对接摄像机/NVR视频流
    video.js在iframe中如何解决无法自动播放问题
    LiveGBS-摄像机网页低延时无插件直播实现
  • 原文地址:https://www.cnblogs.com/huanhuan86/p/2371541.html
Copyright © 2020-2023  润新知