[jQuery] form create

Wed, 10 Dec 2008 08:55:37 -0800 

I'm working on  a multifile upload system and I found that my form
function does not work in IE while I have a workaround I wonder why
this code doesn't work in IE  ?

thanks for your help Mike

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://
www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>Test jQuery</title>
<link href="ajaxfileupload.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">
        function addFormField() {
                var id = document.getElementById("id").value;
                $("#content").append("<form name='form" + id + "' id='form" + 
id +
"' action='' method='POST' enctype='multipart/form-data'
onsubmit='return ajaxFileUpload("+id+");'>");
                $("#form"+id).append("<img id='loading' src='loading.gif'
style='display:none;'>");
                $("#form"+id).append("<input id='fileToUpload"+id+"' type='file'
size='45' name='fileToUpload' class='input'
onchange='this.form.submit.click()'>");
                $("#form"+id).append("<input type='submit'  name='submit'
value='submit' style='display: none;'' />");
                id = (id - 1) + 2;
                document.getElementById("id").value = id;
        }

</script>

<body>

<p><a href="#" onClick="addFormField(); return false;">Add</a></p>
<input type="hidden" id="id" value="1">
<div id="content">

</div>

</body>
</html>

Reply via email to