找回密码
 立即注册
查看: 1605|回复: 0

(web js)一段自动改变table行列个数的代码

[复制链接]

6802

主题

10

回帖

2万

积分

管理员

积分
21861
发表于 2019-5-20 20:46:41 | 显示全部楼层 |阅读模式
<style type="text/css">
<!--
.biaoti {
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   border-top: thin none;
   border-right: thin none;
   border-bottom: thin groove;
   border-left: thin none;
}
.style3 {font-size: 9pt}
.style4 {color: #FF0000}
.style6 {font-size: 9pt; font-weight: bold; }
.beizhu {
   border: 1px ridge;
}
.style7 {color: #FFFFFF}
.wenben {
   margin: 0px;
   padding: 0px;
   border: thin none;
}
-->
</style>
<script language="javascript">
<!--
function set(tables)
{
var trid=document.getElementById("trid").value
var tbody=document.body
var tal=document.getElementById(tables)
var tr=document.createElement("TR");
tr.id="tr"+trid+1
var td
for(i=1;i<6;i++)
{
    td=document.createElement("TD")
    inp=document.createElement("input");
    inp.className="wenben"
    inp.id="input"+tr.id
    inp.name="wenben"
    inp.size="17"
    td.insertBefore(inp,null)
     td.style.background="FFFFFF"
    tr.insertBefore(td,null)
}
  tal.insertBefore(tr,null)
  document.getElementById("trid").value=trid+1
}
function deleteset()
{
    for(var i=2;i<document.getElementById("ss").getElementsByTagName("tr").length;i++)
   {
      if(document.getElementById("ss").getElementsByTagName("tr")[i].getElementsByTagName("input")[0].value+document.getElementById("ss").getElementsByTagName("tr")[i].getElementsByTagName("input")[1].value+document.getElementById("ss").getElementsByTagName("tr")[i].getElementsByTagName("input")[2].value+document.getElementById("ss").getElementsByTagName("tr")[i].getElementsByTagName("input")[3].value=="")
      {   
      document.getElementById("ss").deleteRow(i)
      return false;
      }
   }
}
//-->
</script>
<title>中标产品分析</title>
<div align="center">
<form name="form1" action="" method="post">
<fieldset style="width:78% ">
<table width="742" border="0">
   <tr>
     <td width="758" height="14" class="style3">
       <div align="left">
         <marquee behavior=slide scrollamount=50  scrolldelay=600>
         <span class="style4">友情提醒:各市场第一负责人,应在中标结果公布十个工作日内作出上述招商实用分析,延期提交罚款200元.并影响年终综合考评!</span>
         </marquee>
     </div></td>
   </tr>
</table>
<hr width="120%">
<table width="744" border="0">
   <tr>
     <td width="96" height="27" class="style3">药 品 名:</td>
     <td width="175"><input name="textfield224" type="text" class="biaoti" size="15" ></td>
     <td width="83" class="style3">商品名:</td>
     <td width="147"><input name="textfield225" type="text" class="biaoti" size="15" ></td>
     <td width="66" class="style3">规格:</td>
     <td width="151"><input name="textfield226" type="text" class="biaoti" size="15" ></td>
   </tr>
   <tr>
     <td height="32" class="style3">中标公司:</td>
     <td colspan="5"><input name="textfield7" type="text" class="biaoti" size="40" ></td>
   </tr>
   <tr>
     <td height="30" class="style3">中 标 价:</td>
     <td><input name="textfield22" type="text" class="biaoti" size="15" ></td>
     <td class="style3">临时零售价:</td>
     <td><input name="textfield222" type="text" class="biaoti" size="15" ></td>
     <td class="style3">建议零售价</td>
     <td><input name="textfield223" type="text" class="biaoti" size="15" ></td>
   </tr>
</table>
<hr width="120%"><table width="744" height="16" border="0" cellpadding="0" cellspacing="0">
   <tr>
     <td width="164" height="16"><span class="style6">本年度</span>
       <strong>
       <input name="textfield227" type="text" class="biaoti" size="5" >
       <span class="style3">竞品分析</span></strong> </td>
     <td width="43" ><img src="new.BMP" title="添加" onClick="set('bennian')" ></td>
     <td width="537" title="删除"><img src="delete.BMP" onClick="deleteset()"></td>
   </tr>
</table>  
<br>
<table name="ss" id="ss"width="646" height="40" border="0" cellpadding="1" cellspacing="1" bgcolor="#333333" >
   <tr bgcolor="#FFFFFF" class="style3">
     <td width="126"><div align="center">生产企业</div></td>
     <td width="126"><div align="center">规格</div></td>
     <td width="126"><div align="center">中标公司</div></td>
     <td width="126"><div align="center">中标价</div></td>
     <td width="135"><div align="center">其他情况</div></td>
   </tr>
   <tr bgcolor="#FFFFFF" id="bennian">
     <td><input name="textfield228" type="text" class="wenben" size="18" ></td>
     <td><input name="textfield229" type="text" class="wenben" size="18" ></td>
     <td><input name="textfield2210" type="text" class="wenben" size="18" ></td>
     <td><input name="textfield2211" type="text" class="wenben" size="18"  ></td>
     <td bgcolor="#FFFFFF"><input name="textfield2212" type="text" class="wenben" size="18" ></td>
   </tr>
</table>
<br>
<hr width="120%">
<table width="744" height="16" border="0" cellpadding="0" cellspacing="0">
   <tr>
     <td width="167" height="16"><span class="style6">上年度</span> <strong>
       <input name="textfield2272" type="text" class="biaoti" size="5" >
       <span class="style3">竞品分析</span></strong> </td>
     <td width="38" > </td>
     <td width="539" > </td>
   </tr>
</table>
<br>
<table width="649" height="40" border="0" cellpadding="1" cellspacing="1" bgcolor="#333333">
   <tr bgcolor="#FFFFFF" class="style3">
     <td width="131"><div align="center">生产企业</div></td>
     <td width="131"><div align="center">规格</div></td>
     <td width="143"><div align="center">中标公司</div></td>
     <td width="126"><div align="center">中标价</div></td>
     <td width="132"><div align="center">其他情况</div></td>
   </tr>
   <tr bgcolor="#FFFFFF" id="qunian">
     <td><input name="textfield228" type="text" class="wenben" size="18" ></td>
     <td><input name="textfield229" type="text" class="wenben" size="18" ></td>
     <td><input name="textfield2210" type="text" class="wenben" size="18" ></td>
     <td><input name="textfield2211" type="text" class="wenben" size="18" ></td>
     <td bgcolor="#FFFFFF"><input name="textfield2212" type="text" class="wenben" size="18" ></td>
   </tr>
</table>
<br>
<hr width="120%">
<table width="744" border="0">
   <tr>
     <td><span class="style3">综合分析:</span><br>
       <textarea name="textfield8" cols="100" class="beizhu"></textarea></td>
   </tr>
   <tr>
     <td class="style3"><p>公司建议:</p>
     <p>
       <textarea name="textarea" cols="100" class="beizhu"></textarea>
</p></td>
   </tr>
</table>
</fieldset>
<br>
<input type="hidden" value="1" id="trid">
<input type="submit" name="Submit" value="添加">
<span class="style7">------</span>
<input type="reset" name="Submit2" value="重置">
</form>
</div>
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表