程序博客网 > 三菱plcfx2n编程软件

php+javascript+css 实现动态添加数据行

来源：互联网 发布：三菱plcfx2n编程软件 编辑：程序博客网 时间：2024/05/07 06:15

<?php
$sod_part   = $_POST['sod_part'];
$sod_cu_part  = $_POST['sod_cu_part'];
$sod_list_price = $_POST['sod_list_price'];
$sod_net_price  = $_POST['sod_net_price'];
$sod_discount  = $_POST['sod_discount'];
$sod_ord_um  = $_POST['sod_ord_um'];
$sod_req_date  = $_POST['sod_req_date'];
$sod_req_qty  = $_POST['sod_req_qty'];
$sod_notes   = $_POST['sod_notes'];
$add_num   = $_POST['add_num'];
?>

<html>
<head>
<style rel="stylesheet" type="text/css" media="screen">
table.list {
 border-collapse: collapse;
 background: #fff;
 border: 1px solid #999;
 font-size: 12px;
 margin: 2px 0;
}
tr.odd {
 background: #EEE;
}
tr.odd:hover {
 background: yellow;
}
tr.even {
 background: #FFF;
}
tr.even:hover {
 background: yellow;
}
td.prog_caption {
 padding: 0px;
 color: #355173;
 font: bold 16pt Verdana;
 border: 0px solid gold;
}
th.header {
 color: #000;
 padding: 0 5px;
 font-weight: normal;
 background: gold;
 border: 1px solid #999;
}
th.header_v {
 color: #fff;
 font-weight: normal;
 background: navy;
 border: 1px solid blue;
 padding: 0 5px;
 width: 120px;
}
th.criteria {
 padding: 0 5px;
 color: #000;
 font-weight: normal;
 text-align: right;
 background: #D8E4EB;
 width: 120px;
}
td.data {
 padding: 0 5px;
 font-weight: normal;
 background: #FFFF66;
 width: 120px;
}
td.list {
 padding: 0 1px;
 border-bottom: 1px solid #DDD;
 white-space: nowrap;
 text-align:center;
}
fieldset.tab {
 margin: 0;
 padding: 5px;
 border: 3px solid #6BA4D7;
}
fieldset.criteria {
 padding: 0px 5px 2px;
}
legend.criteria {
 padding: 0px 2px;
 color: blue;
 font-weight: bold;
 font-family: Arial;
}
</style>
</head>
<script type="text/javascript"><!-- 
 var sum;
 sum=5; 
 function addDetailProcess(num){
  var num;
  var temp;
  if(num==0){
   num=1;
  }
  for (i=0;i<num;i++){
   sum=sum+1;
   if (sum % 2 == 0){
    var newRow=tbDetailHide1.rows[0].cloneNode(true);
      }
   else if (sum % 2 != 0){
    var newRow=tbDetailHide2.rows[0].cloneNode(true);
   }
   temp=sum*1;
   newRow.all.a.value=temp; 
   tbDetailUsed.insertBefore(newRow);    
  }
 }
  
 function show_cu_info(){
  document.myform.action="add.php";
  document.myform.submit();
 }
  
 function autoInput(){
  var e;
  with(document.myform){
   var tmp = so_discount.value;
   var tmp1 = so_req_date.value;
   for (var i=0;i<elements.length;i++){
    e = elements[i];
    if (e.tagName == "INPUT" && e.type.toLowerCase() == "text" && e.name.substr(0,12) == "sod_discount"){
     e.value = tmp;
    }
    if (e.tagName == "INPUT" && e.type.toLowerCase() == "text" && e.name.substr(0,12) == "sod_req_date"){
     e.value = tmp1;
    }
   }
  }
 }
//--></script>
 
<!--增加出来的表格样式（隐藏）-->
<table class="list" id="tbDetailHide1" style="display:none">  
 <tr class="even">
  <td class="list center"><input type="text" name="a" size="2" readonly="readonly" style="color:#000;background-color:#FFF;border:none;text-align:center;"></td>
  <td><input name="sod_part[]" type="text" size="15" maxlength="15" /></td>
  <td><input name="sod_cu_part[]" type="text" size="15" maxlength="15" /></td>
  <td><input name="sod_list_price[]" type="text" size="10" maxlength="15" /></td>
  <td><input name="sod_net_price[]" type="text" size="10" maxlength="15" /></td>
  <td><input name="sod_discount[]" type="text" size="10" maxlength="5" /></td>
  <td><input name="sod_req_date[]" type="text" size="10" maxlength="20" /></td>
  <td><input name="sod_req_qty[]" type="text" size="10" maxlength="15" /></td>
  <td><input name="sod_ord_um[]" type="text" size="2" maxlength="2" /></td>
  <td><input name="sod_notes[]" type="text" size="10" maxlength="20" /></td>
 </tr>
</table>
<table class="list" id="tbDetailHide2" style="display:none">  
 <tr class="odd">
  <td class="list center"><input type="text" name="a" size="2" readonly="readonly" style="color:#000;background-color:#EEE;border:none;text-align:center;"></td>
  <td><input name="sod_part[]" type="text" size="15" maxlength="15" /></td>
  <td><input name="sod_cu_part[]" type="text" size="15" maxlength="15" /></td>
  <td><input name="sod_list_price[]" type="text" size="10" maxlength="15" /></td>
  <td><input name="sod_net_price[]" type="text" size="10" maxlength="15" /></td>
  <td><input name="sod_discount[]" type="text" size="10" maxlength="5" /></td>
  <td><input name="sod_req_date[]" type="text" size="10" maxlength="20" /></td>
  <td><input name="sod_req_qty[]" type="text" size="10" maxlength="15" /></td>
  <td><input name="sod_ord_um[]" type="text" size="2" maxlength="2" /></td>
  <td><input name="sod_notes[]" type="text" size="10" maxlength="20" /></td>
 </tr>
</table>

<form name="myform" method="post" action="add.php">
 <fieldset class="tab">
  <legend class="criteria">DETAIL</legend>
   <table class="list">
    <tbody id="tbDetailUsed">
    <tr>
     <th class="header">Line</th>
     <th class="header">Part-Num</th>
     <th class="header">Cust-Part</th>
     <th class="header">List-Price</th>
     <th class="header">Net-Price</th>
     <th class="header">Discount</th>
     <th class="header">Date</th>
     <th class="header">Qty</th>
     <th class="header">UM</th>
     <th class="header">Notes</th>
    </tr>
    
    <?php
    for ($i=1;$i<=5;$i++){
     if ($i % 2 == 0){
      echo '<tr class="even">';
     }
     else{
      echo '<tr class="odd">';
     }
     echo '
      <td class="list center">'.$i.'<input name="sod_line[]" type="hidden" value="'.$i.'" /></td>
      <td><input name="sod_part[]" type="text" size="15" maxlength="15" /></td>
      <td><input name="sod_cu_part[]" type="text" size="15" maxlength="15" /></td>
      <td><input name="sod_list_price[]" type="text" size="10" maxlength="15" /></td>
      <td><input name="sod_net_price[]" type="text" size="10" maxlength="15" /></td>
      <td><input name="sod_discount[]" type="text" size="10" maxlength="5" /></td>
      <td><input name="sod_req_date[]" type="text" size="10" maxlength="20" /></td>
      <td><input name="sod_req_qty[]" type="text" size="10" maxlength="15" /></td>
      <td><input name="sod_ord_um[]" type="text" size="2" maxlength="2" /></td>
      <td><input name="sod_notes[]" type="text" size="10" maxlength="20" /></td>
     </tr>';
    }
    ?>
   </tbody></table>
  Add &nbsp;<input name="add_num" type="text" size="2" maxlength="2" />records
  <input name="add_btn" type="button" value="Add" onclick="addDetailProcess(document.myform.add_num.value)" />
  <input name="save" type="submit" value="Save" />
 </fieldset>
</form> 

<?php
if ( $_POST['save'] != ''){
 foreach ($sod_part as $value){
  static $m=0;
  if ($value != null){
   $sod_sql = "INSERT INTO sod VALUES('".$sod_part[$m]."','".$sod_cu_part[$m];
   $sod_sql.= "','".$sod_list_price[$m]."','".$sod_net_price[$m]."','".$sod_discount[$m]."','".$sod_ord_um[$m];
   $sod_sql.= "','".$sod_req_date[$m]."','".$sod_req_qty[$m]."',now(),'".$sod_notes[$m]."') ";
   $sod_res = mysql_query($sod_sql);
   $m++;
  }
  else{
   $m++;
   continue;
  }
 }
}
?>  

三菱plcfx2n编程软件 三菱plcfx2n编程软件
原创粉丝点击
热门IT博客
js时间戳转换成年月日js时间戳转换成年月日
南京市江宁区网络问政南京市江宁区网络问政
17173剑灵捏脸数据站
手机淘宝待收货打不开
java list 多种排序
绍兴房产成交数据
2016非农数据统计
wifi没有可切换的网络
看到祖国如此流氓 知乎
巴洛特利 fifa15数据
php 抓取网页中的图片
游戏程序员要学什么
淘宝美工首页
什么牌子的美工钢笔好
东华软件经营现金流
三星s4软件下载
蜀地称帝知乎
苏州知行科技
线上交易平台数据安全
多益网络笔试题目
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 平面构成发射作业图 对比构成作业图 平面构成点线面黑白图 线的构成作业图 平面构成空间构成作业图 立体构成优秀作品图 线的立体构成作业图 点的构成作业图 对比构成图 以线为主的平面构成图 点构成的图案 点线面的构成 点平面构成 点的平面构成 点构成的画 平面构成点作品 平面构成点的构成作业 点线面体立体构成图 点线面的构成创意图作业 平面设计点线面构成图 立体构成点 点的构成黑白设计图 点的构成图优秀作业 用点构成的画 点线面立体构成 点的构成作业图手绘图 点线面构成的创意图 点的构成作业图简单 点线面结合的构成作业图 点线构成的简单图案 狗机子 java架构师 架构师是什么 构架师 构树穗 建构筑物消防员考试 建筑物与构筑物的定义与区别 初级建构筑物消防员 建构筑物消防员报名条件 建构筑物消防员证 初级建构筑物消防员证

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里