Question

我有这个应用程序的移动设备。它使用来自我服务器的txt文件来获取内容，我试图让任何人都可以通过任何网络浏览器更新这些文件。

我的目标是将textarea拆分为多个不同的输入字段，具体取决于行号。保持已完成的textarea内容顺序与我的应用程序一样有效至关重要。

当页面加载时，Textarea应在textfields / select选项（具有唯一ID）中拆分。输入字段中的所有更改都应显示在keyUp上的textarea中。

-

解决方案：终于搞定了！感谢您的帮助 djnose ，您的回答是完成这项工作的关键。

工作代码：JSFIDDLE (http://jsfiddle.net/_bestmanStudio/pq0gaao1/79/)

我知道它看起来很难看，我必须用jQuery单独编写每一行，如果有人有更好的方法去做 - 我将不胜感激。

Answer 1

是你想做什么的？我分叉了你的想法并改变了一点！

它可能是一点点＆＃34;假的＆＃34;有了id，但你会找到一个很好的解决方案：）

function createTextFields() {
var text = $("#msg").val();
var textArray = text.split('\n');
for (var singleLine in textArray) {
    var lineValue = textArray[singleLine];
    if (lineValue && lineValue.length > 0) {
        $('#inputs').append(
            $('<input>', {
                type: 'text',
                val: lineValue,
                id: singleLine,
                keyup: function() {
                    var test = $(this).val();      
                    var lines = $('#msg').val().split(/\n/);
                    lines[this.id] = test;
                    $("#msg").html(lines.join("\n"));
                }
            })
        ).append($('<br>'));            
    }            
}    
}

createTextFields();

http://jsfiddle.net/pq0gaao1/1

希望有所帮助

如何将textarea行拆分为不同的输入字段并编辑值

1 个答案: