js添加append

发布时间:2014-02-23 23:58:50 阅读:1435次

 

<div id="display_div"></div>
  <script>
  i=0;
  function add_div(){
  i=i+1;
  //alert(i);
  var div='<div id="div'+i+'"> 服务名称:<input name="detail_title[]" type="text" style="margin-right:5px; height:30px; border:#ccc 1px solid; color:#999; width:270px;" /><br /> 服务说明:<input name="detail_description[]" type="text" style="margin-right:5px; height:30px; border:#ccc 1px solid; color:#999; width:270px;" /><br /> 图  片:<input name="img_url[]" type="file" style="margin-right:5px; height:30px; border:#ccc 1px solid; color:#999; width:270px;" value="上传图片"/> <a href="javascript:" onclick="remove_del('+i+');">删除</a><br> </div>';
  $('#display_div').append(div+'<hr>')
  }
  function remove_del(i){
  //alert(i);
  //alert($("#div"+i));
  $("#div"+i).remove();
  }
  </script>
  </div>
  <a href = "javascript:void(0)onclick="add_div();style="border:0px"><divstyle=" height:115px; border:#ccc dotted; margin-top:7px; line-height:115px; font-size:60px; color:#999999; font-weight:bold; text-align:center"> + </div></a>

如有问题,可以QQ搜索群1028468525加入群聊,欢迎一起研究技术

支付宝 微信

有疑问联系站长,请联系QQ:QQ咨询
下一篇:restclient使用

转载请注明:js添加append 出自老鄢博客 | 欢迎分享