Question

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

我希望我的代码从输入中获取所有数据，并将它们写入textarea（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>');
});

jQuery处理几个输入

1 个答案: