js 文件的调用显示问题
vance
|
1#
发表于2009-09-26
js 文件的调用显示问题
<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模板文件夹下的。) 附件
|
