js 自动添加表格
来源:互联网 发布:广州市大数据产业规模 编辑:程序博客网 时间:2024/05/22 01:45
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<html>
<body>
<script type="text/javascript">
function toAddProNum(){
alert(11111111);
var trHtml = '<tr>'+
'<td>* 服务开始时间</td>'+
'<td><input type="text" onclick="WdatePicker()" class="Wdate" name="dateStart" maxlength="20" onfocus="WdatePicker({minDate:'+'2016-04-01'+'})"></td>'+
'<td>* 服务结束时间</td>'+
'<td><input type="text" onclick="WdatePicker()" class="Wdate" name="dateFinish" maxlength="20" onfocus="WdatePicker({minDate:'+'2016-04-01'+'})"></td>'+
+' <input type="button" name="btnAdd" id="btnAdd" value=" + " class="btn_create" onclick="toAddProNum();" />'+
'</tr>';
alert(trHtml);
$("#teamAirTicketData tr").last().after(trHtml);
//$("#teamAirTicketData tr").last().after(trHtml);
}
function toRemoveProNum(){
alert("remove");
$("#teamAirTicketData tr").last().remove();
}
</script>
<table width="100%" border="3" cellspacing="1" cellpadding="3" class="tableNormal">
<tr>
<th colspan="4"> 产品信息</th>
</tr>
<tr>
<td width="10%">* 产品名称</td>
<td width="40%">
<input type="text" name="title" id="title" style="width:60%;">
</td>
<td>* 业务细类</td>
<td>${singleExCt }</td>
</tr>
<tr>
<td>* 目的地</td>
<td>${ schContinent }</td>
<td width="10%"> 零售价</td>
<td>
<input type="text" name="priceRetail" id="priceRetail" value="0" style="width:14%;" onkeyup="this.value=this.value.replace(/[^\d.]/g,'')"
onFocus="setTextOptimisedFocus('priceRetail');" onBlur="setTextOptimisedBlur('priceRetail');"><span class="font_gray"> 只可填写数字</span>
</td>
</tr>
<tr id="information1" >
<td> 出发地</td>
<td>${ schPlaceLeave }
</td>
<td> 返回地</td>
<td>${ schPlaceReturn }
</td>
</tr>
<!--
<tr id="information2" colspan="4">
<td width="10%">批量日期设定</td>
<td>
<input type="button" name="btnAdd" id="btnAdd" value=" + " class="btn_create" onclick="toAddProNum();" />
<span class="font_red">商品最大数量为:10</span>
</td>
</tr>
-->
<tr id="information2" colspan="4">
<td>* 服务开始时间</td>
<td>
<input type="text" onclick="WdatePicker()" class="Wdate" name="dateStart" id="dateStart" maxlength="20" onfocus="WdatePicker({minDate:'2016-04-01'})">
</td>
<td>* 服务结束时间</td>
<td>
<input type="text" onclick="WdatePicker()" class="Wdate" name="dateFinish" id="dateFinish" maxlength="20" onfocus="WdatePicker({minDate:'2016-04-01'})">
<input type="button" name="btnAdd" id="btnAdd" value=" + " class="btn_create" onclick="toAddProNum();" />
<input type="button" name="btnAdd" id="btnAdd" value=" - " class="btn_info" onclick="toRemoveProNum();" />
</td>
</tr>
</tr>
<tr id="information3" >
<td>* 预售数</td>
<td>
<input type="text" name="numPlan" id="numPlan" value="0" style="width:12%;" onkeyup="this.value=this.value.replace(/\D/g,'')"
onFocus="setTextOptimisedFocus('numPlan');" onBlur="setTextOptimisedBlur('numPlan');" ><span class="font_gray"> 只可填写数字</span>
</td>
<td> 航空公司</td>
<td>${schAirLine }</td>
</tr>
</table>
<table width="100%" border="1" id="teamAirTicketData">
<tr></tr>
</table>
</body>
</html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<html>
<body>
<script type="text/javascript">
function toAddProNum(){
alert(11111111);
var trHtml = '<tr>'+
'<td>* 服务开始时间</td>'+
'<td><input type="text" onclick="WdatePicker()" class="Wdate" name="dateStart" maxlength="20" onfocus="WdatePicker({minDate:'+'2016-04-01'+'})"></td>'+
'<td>* 服务结束时间</td>'+
'<td><input type="text" onclick="WdatePicker()" class="Wdate" name="dateFinish" maxlength="20" onfocus="WdatePicker({minDate:'+'2016-04-01'+'})"></td>'+
+' <input type="button" name="btnAdd" id="btnAdd" value=" + " class="btn_create" onclick="toAddProNum();" />'+
'</tr>';
alert(trHtml);
$("#teamAirTicketData tr").last().after(trHtml);
//$("#teamAirTicketData tr").last().after(trHtml);
}
function toRemoveProNum(){
alert("remove");
$("#teamAirTicketData tr").last().remove();
}
</script>
<table width="100%" border="3" cellspacing="1" cellpadding="3" class="tableNormal">
<tr>
<th colspan="4"> 产品信息</th>
</tr>
<tr>
<td width="10%">* 产品名称</td>
<td width="40%">
<input type="text" name="title" id="title" style="width:60%;">
</td>
<td>* 业务细类</td>
<td>${singleExCt }</td>
</tr>
<tr>
<td>* 目的地</td>
<td>${ schContinent }</td>
<td width="10%"> 零售价</td>
<td>
<input type="text" name="priceRetail" id="priceRetail" value="0" style="width:14%;" onkeyup="this.value=this.value.replace(/[^\d.]/g,'')"
onFocus="setTextOptimisedFocus('priceRetail');" onBlur="setTextOptimisedBlur('priceRetail');"><span class="font_gray"> 只可填写数字</span>
</td>
</tr>
<tr id="information1" >
<td> 出发地</td>
<td>${ schPlaceLeave }
</td>
<td> 返回地</td>
<td>${ schPlaceReturn }
</td>
</tr>
<!--
<tr id="information2" colspan="4">
<td width="10%">批量日期设定</td>
<td>
<input type="button" name="btnAdd" id="btnAdd" value=" + " class="btn_create" onclick="toAddProNum();" />
<span class="font_red">商品最大数量为:10</span>
</td>
</tr>
-->
<tr id="information2" colspan="4">
<td>* 服务开始时间</td>
<td>
<input type="text" onclick="WdatePicker()" class="Wdate" name="dateStart" id="dateStart" maxlength="20" onfocus="WdatePicker({minDate:'2016-04-01'})">
</td>
<td>* 服务结束时间</td>
<td>
<input type="text" onclick="WdatePicker()" class="Wdate" name="dateFinish" id="dateFinish" maxlength="20" onfocus="WdatePicker({minDate:'2016-04-01'})">
<input type="button" name="btnAdd" id="btnAdd" value=" + " class="btn_create" onclick="toAddProNum();" />
<input type="button" name="btnAdd" id="btnAdd" value=" - " class="btn_info" onclick="toRemoveProNum();" />
</td>
</tr>
</tr>
<tr id="information3" >
<td>* 预售数</td>
<td>
<input type="text" name="numPlan" id="numPlan" value="0" style="width:12%;" onkeyup="this.value=this.value.replace(/\D/g,'')"
onFocus="setTextOptimisedFocus('numPlan');" onBlur="setTextOptimisedBlur('numPlan');" ><span class="font_gray"> 只可填写数字</span>
</td>
<td> 航空公司</td>
<td>${schAirLine }</td>
</tr>
</table>
<table width="100%" border="1" id="teamAirTicketData">
<tr></tr>
</table>
</body>
</html>
0 0
- js 自动添加表格
- js动态添加表格
- js动态添加表格
- js 添加表格
- js自动创建表格
- 向表格自动添加数据
- 利用js添加表格,删除表格
- js添加删除表格元素
- JS动态添加删除表格
- 用js添加删除表格
- js动态添加删除表格
- js动态添加word表格
- JS动态添加表格(一)
- JS动态添加表格(二)
- Js动态添加表格行
- JS动态添加表格行
- js表格最后添加一行
- JS动态添加表格行
- iOS去除导航栏和tabbar的1px横线
- Java 图片与byte数组互相转换
- angular checkbox全选的双向绑定
- Android系统篇之----Binder机制和远程服务调用机制分析
- Android Notification 兼容
- js 自动添加表格
- 用canvas画的柱状图
- HMM预测算法——Viterbi算法
- 字符串切分,String和StringUtils的区别
- java容器 -- list的总结
- js this的用法
- PowerShell-Suite
- POJ1661(DP)
- fopen、fseek、fread、fclose