Question

I m 建立一个简单的网络应用程序,用户可使用所附文件发出信息。

multiple HTML file submissions with jQuerylink http://img39.imageshack.us/img39/4474/attachments.gif

这一“另立档案”链接尚未发挥作用。在被点击时,它应当增加一个表格浏览量,并对表格进行输入控制。

<tr id="fileinput0">
    <td>Attachments</td>
    <td>
        <input type="file" name="Attachment0" id="Attachment0" />
    </td>
</tr>
<tr id="fileinput1">
    <td></td>
    <td>
        <input type="file" name="Attachment1" id="Attachment1" />
    </td>
</tr>
<tr id="addinput">
    <td></td>
    <td>
        <a href="#">attach another file</a>
    </td>
</tr>

还应当增加数量:档案材料2、附文2、档案3、附文3等。

我怎么能够这样做呢?

Answer 1

我把这个问题推向后,这只是一个单行:

<tr>
    <td>Attachments (<a id="addinput" href="#">add</a>)</td>
    <td id="fileinputs">
        <input type="file" name="Attachment0" id="Attachment0" />
    </td>
</tr>

并且使用了这一 j子:

<script type="text/javascript">
    $(document).ready(function() {
        var num = 0;
        $("#addinput").click(function() {
            num++;
            $("#fileinputs").append("<br /><input type="file" name="Attachment" + num + "" id="Attachment" + num + "" />");
        });
    });
</script>

我们现在看着:

含有jQuery的多份超文本文件投入http://img43.imageshack.us/img43/4474/attachments.gif

Answer 2

这给你带来了大部分路程。

var row = $( table tr:last ).clone();
$(row).attr( id ,  new_ID );
$( input , row).attr( id ,  new_ID_for_input );
$( table ).append(row);

Answer 3

您可设立超文本,请附上表格,并用。

有时,我手脚的是把TBODY保留在我的表格中,并说TBODY和ID,因此,我可以通过j Query将其指向额外浏览器/细胞/图像。

Answer 4

我认为这是这样。

inputNum = 2;

function GrowTable()
{
    var input = $("<tr id="fileinput" + inputNum + "">
        <td></td>
        <td>
            <input type="file" name="Attachment" + inputNum + "" id="Attachment" + inputNum + "" />
        </td>
    </tr>");

    input.insertAfter("#fileinput" + (inputNum - 1));

    inputNum++;
}

Answer 5

保持对抗可能有所助益,例如

$( form ).append("<tr id="fileinput" + i + ""><td></td><td><input type="file" /></td></tr>");

友情链接