<html>
<head>
<title>My Test Page</title>
<{literal}>
<script type="text/javascript">
<!--
var textNumber = 1;
function addTextBox(form, afterElement) {
// Increment the textbox number
textNumber++;
// Create the label
var label = document.createElement("label");
// Create the textbox
var textField = document.createElement("input");
textField.setAttribute("type","text");
//这里是新增的内容9.25
var textFile = document.createElement("input");
textFile.setAttribute("type","file");
//这里是给文本框命名
textFile.setAttribute("name","testother[]");
//我单独给的文件域命名
textFile.setAttribute("name","filename[]");
//这个用于判断增加与删除，我是这么理解的。
textField.setAttribute("id","txt"+textNumber);
// Add the label's 文本框
label.appendChild(document.createTextNode("Text Box #"+textNumber+": "));
// 将文本框放置于其中
label.appendChild(textField);
// 文件域放置于label当中
label.appendChild(document.createTextNode("Text File #"+textNumber+": "));
label.appendChild(textFile);
// Add it all to the form
form.insertBefore(label,afterElement);
return false;
}
function removeTextBox(form) {
if (textNumber > 1) { // If there's more than one text box
// Remove the last one added
form.removeChild(document.getElementById("txt"+textNumber).parentNode);
textNumber--;
}
}
//-->
</script>
<{/literal}>
<style type="text/css">
<!--
label {
display:block;
margin:.25em 0em;
}
-->
</style>
</head>
<!-- 新增、修改 任务页面-->
<body>
<form method="post" action="" id="addTask" name="addTask">
<p>
<input type="button" value="Add Textbox" />
<input type="button" value="Remove Textbox" />
</p>
<table border="1" cellpadding="0" cellspacing="0">
<tr><!-- 命名为action的 隐藏文本框 用于说明即将的操作-->
<td>任务标题</td>
<td colspan="3"><input name="subject" type="text" size="70"/></td>
</tr>
<tr>
<td>创建人</td>
<td>写创建人<input type="hidden" name="creator" value=""/></td>
<td>所属部门</td>
<td> </td>
</tr>
<tr>
<td valign="top">任务定义</td>
<td colspan="3" valign="top"><textarea name="definition" cols="70" rows="5"></textarea></td>
</tr>
<tr>
<td>附件标注</td>
<td colspan="3"><label>Text Box #1: <input type="text" name="testother[]" id="txt1" />Text File #1: <input name="filename[]" type="file"></label></td>
</tr>
<tr>
<td> </td>
<td colspan="3">fas</td>
</tr>
<tr>
<td colspan="6"> </td>
</tr>
<tr>
<td> </td>
<td colspan="3" align="center"><input type="submit" name="Submit" value="新建任务"></td>
</tr>
</table>
</form>
</body>
</html>
我想问下各位我应该如何把这两个增加的按钮添加到表格当中的啊(放置其中不会报错但功能显示也不有了)，并且新增后的内容也在表格中显示
我想过在create处增加tr标签，但发现这样子仍然不能达到我想要的显示效果(这个文件本来是放置在smarty模板文件夹下的。)
注：我想实现的就是类似于下面的上传附件的功能，只是希望他能在表格中显示出来
