php html小项目,js动态添加表单项目 php | html | css | linux | phpstudy | 微信开发 | 小程序 唯远网络工作室...

var orihtm = ‘{if $id}{php echo json_encode($storeline);}{/if}’;

if(orihtm){

obj = JSON.parse(orihtm);

if(obj.length>0){

for (let index = 0; index 

const element = domhtm(index+1,obj[index].sn,obj[index].start,obj[index].end);

$(“.linearea”).append(element);

}

}

}

function addline(){

var linenum = $(“.linearea .form-group”).length+1;

var htm = domhtm(linenum)

$(“.linearea”).append(htm);

}

function delline(obj){

$(obj).parent().remove();

sortline();

}

function sortline(){

$(“.linearea .form-group”).each(function(i){

i=i+1;

$(this).find(“.control-label”).html(“行车线路”+i);

});

}

function domhtm(linenum,sn,start,end){

sn = sn||”;

start = start||”;

end = end||”;

var htm = ‘

\

行车线路’+linenum+'\

删除\

\

 \

\

\

 \

\

\

到\

\

\

 \

\

’;

return htm;

}

引用jquery即可轻松添加项目及删除项目