[code="java"]<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Insert title here
var image1 = 'http://pic2.sc.chinaz.com/Files/pic/icons128/5635/103.png';
var image2 = 'http://pic1.sc.chinaz.com/Files/pic/icons128/5635/113.png';
var image3 = 'http://pic1.sc.chinaz.com/Files/pic/icons128/5635/123.png';
var image4 = 'http://pic1.sc.chinaz.com/Files/pic/icons128/5635/13.png';
var image5 = 'http://pic1.sc.chinaz.com/Files/pic/icons128/5635/133.png';
var imageArr = [image1,image2,image3,image4,image5];
function createImagesAndRemoveButtons() {
for(var i = 0;i < imageArr.length;i++) {
var imageId = 'createImage' + i;
var buttonId = 'createButton' + i;
$('#initializableIMG').append("<img width='100px' height='100px' name='imgs' id ='" + imageId + "' src='" + imageArr[i] + "'/>");
$('#removeButtons').append("<input type='button' id='delImg' style='margin-left:50px' onclick='delImgs(\"" + imageId + "\",this)' value='删除' />");
}
}
function delImgs(imageId,button) {
$('#' + imageId).remove();
$(button).remove();
}
$(function(){
createImagesAndRemoveButtons();
});
[/code]
![http://dl2.iteye.com/upload/attachment/0100/1213/eedd80aa-485e-3b17-8e5a-4f577a42307f.jpg[/img]](http://dl2.iteye.com/upload/attachment/0100/1213/eedd80aa-485e-3b17-8e5a-4f577a42307f.jpg%5B/img%5D){kind=link}
![http://dl2.iteye.com/upload/attachment/0100/1215/ff17b4d5-eb0f-38c3-8453-e4397b55df86.png[/img]](http://dl2.iteye.com/upload/attachment/0100/1215/ff17b4d5-eb0f-38c3-8453-e4397b55df86.png%5B/img%5D){kind=link}