javascript - 几个输入的jQuery处理

Question

这有点复杂。。我的系统有这个模块给员工，所以如果他们把自己的钱花在与公司有关的东西上，可以要求得到然后回报。在一个列表中，用户可以添加多少行，这就是我的问题开始的地方。

我希望我的代码从输入中获取所有数据，并将它们写入文本区域（PHP 将在其中将其全部爆炸）

我的代码在这里：（检查http://jsfiddle.net/ZWq9z/）

<form id="test">
    <div><input type="date" /><input type="text" placeholder="Purpose" /><input type="text" placeholder="Description" /><input type="text" placeholder="Price" /><input type="text" placeholder="Attachments" /></div>
    <div><input type="date" /><input type="text" placeholder="Purpose" /><input type="text" placeholder="Description" /><input type="text" placeholder="Price" /><input type="text" placeholder="Attachments" /></div>
    <div><input type="date" /><input type="text" placeholder="Purpose" /><input type="text" placeholder="Description" /><input type="text" placeholder="Price" /><input type="text" placeholder="Attachments" /></div>
</form>
<a id="new">add line</a>
<textarea id="all"></textarea>

jQuery：

$(document).keyup(function(){
    $("#all").val("");
    $("#test div").each(function(i){
        $("input").each(function(i){
            if($(this).val() != ""){
                $("#all").val($("#all").val() + ";" + $(this).val());
            }
        });
        $("#all").val($("#all").val() + ";\n");
    });
});
$("#new").click(function(){
    $("#test").append('<div><input type="date" /><input type="text" placeholder="Purpose" /><input type="text" placeholder="Description" /><input type="text" placeholder="Price" /><input type="text" placeholder="Attachments" /></div>');
});

http://jsfiddle.net/ZWq9z/

如果您能帮我解决这个问题（或提出更好的解决方案），我将不胜感激。

谢谢你。

Answer 1

我手头没有我的 jfiddle 帐户，但在这里它对您的代码有细微的变化。更新：找到 jsfiddle 登录（该死的用户名而不是电子邮件，doh）：http: //jsfiddle.net/bhilleli/ZWq9z/6/

$(document).keyup(function(){
    $("#all").val("");
    $("#test").children("div").each(function(i){
        $(this).children("input").each(function(i){
            if($(this).val() != ""){
                $("#all").val($("#all").val() + ";" + $(this).val());
            }
        });
        $("#all").val($("#all").val() + ";\n");
    });
});
$("#new").click(function(){
   $("#test").append('<div><input type="date" /><input type="text" placeholder="Purpose" /><input type="text" placeholder="Description" /><input type="text" placeholder="Price" /><input type="text" placeholder="Attachments" /></div>');
});