成都个人网站建设,包头做网站公司,外贸企业网站建设公司价格,国家域名注册中心由于客户在下发广告时#xff0c;一则广告可在多个时段播放#xff0c;这就需要设置多个播放时段的参数。 但在这种情况下#xff0c;我并不知道用户每次需要下发几个时段#xff0c;所以前台不能设定死。 因此我要实现这么一个功能#xff0c;让用户根据自己的需要来动态…由于客户在下发广告时一则广告可在多个时段播放这就需要设置多个播放时段的参数。 但在这种情况下我并不知道用户每次需要下发几个时段所以前台不能设定死。 因此我要实现这么一个功能让用户根据自己的需要来动态增加、删除播放时段参数。 而我又不希望用户每增加一次时段就刷新一次又不想用Ajax最后采用了JavaScript。前台我先放下2个text类型的input来表示播放时段起始时间与播放时段结束时间然后再添加一个button类型的input来添加播放时段onclick事件触发addTime然后按先后顺序生成带有删除功能的一行播放时段。如图前台效果图 点击“添加播放时段”后开始我写了这样一段代码 Code 1var rownum 0; 2function addTime() 3{ 4 rownum rownum 1; 5 if(rownum5){ 6 var newrow table1.insertRow(); 7 newrow.insertCell(0).innerText 播放时段rownum; 8 newrow.insertCell(1).innerText document.getElementById(Tdate).value; 9 newrow.insertCell(2).innerText document.getElementById(Tdatee).value;10 newrow.insertCell(3).innerHTML input typebutton value删除 οnclickdeleteTime();11 }12 else{13 alert(最多发送4个时段);14 rownum--;15 }1617}18function deleteTime()19{20 table1.deleteRow(rownum);21 rownum--;22} 但是问题来了删除时候只删除最后一行不能删除特定行。解决方法删除时候获得obj的tr值代码如下 Code tr idtrDisplayBT td styleheight: 22pxnbsp;播放时段起始时间input nameTdate typetext onfocusnew WdatePicker(this,%h:%m:%s,true,whyGreen) maxdate#F{$(Tdatee).value} onpicked$(Tdatee).onfocus() classlimit2 idTdate value%Tdate% size10 maxlength8/td /tr tr idtrDisplayET td styleheight: 22pxnbsp;播放时段结束时间input nameTdatee typetext onfocusnew WdatePicker(this,%h:%m:%s,true,whyGreen) mindate#F{$(Tdate).value} classlimit2 idTdatee value%Tdatee% size10 maxlength8/td /tr tr tdinput typebutton stylewidth: 90px idbuAdd namecmd value添加播放时段 onclickaddTime() /td /tr TABLE BORDER1 idtable1 TR TD stylewidth: 180px; height: 18px;播放时段/TD TD idtdTdate stylewidth: 180px; height: 18px;开始时间/TD TD idtdTdatee stylewidth: 180px; height: 18px;结束时间/TD TD stylewidth: 180px; height: 18px;删除/TD /TR /TABLE script languagejavascript var rownum table1.rows.length-1;function addTime(){ rownum rownum 1; if(rownum5){ var newrow table1.insertRow(); newrow.insertCell(0).innerText 播放时段rownum; newrow.insertCell(1).innerText document.getElementById(Tdate).value; newrow.insertCell(2).innerText document.getElementById(Tdatee).value; newrow.insertCell(3).innerHTML input typebutton value删除 οnclickdeleteTime(this.parentNode.parentNode); } else{ alert(最多发送4个时段); rownum--; }}function deleteTime(obj){ for(var i0;itable1.rows.length;i) { if(table1.rows[i]obj) table1.deleteRow(i); } i--; rownumtable1.rows.length-1; if(rownum0) { for(var j1;jtable1.rows.length;j) { table1.rows[j].cells[0].innerText 播放时段j; } }}/script 转载于:https://www.cnblogs.com/gutiaron/archive/2009/08/20/1550693.html
