如何將textarea行分割成不同的輸入字段和編輯值

我有這個應用程序的移動設備。它使用我的服務器上的txt文件作爲內容，我試圖讓任何人都可以通過任何網頁瀏覽器來更新這些文件。如何將textarea行分割成不同的輸入字段和編輯值

我的目標是根據行號將textarea分割成多個不同的輸入字段。保持已完成的textarea內容順序與我的應用程序工作一樣重要。

隨着頁面被加載，Textarea應該在textfields/select選項中分割（帶有唯一ID）。輸入字段中的所有更改都應在keyUp的textarea中顯示。

SOLUTION：終於得到了這個工作！感謝您的幫助djnose，您的答案是使這項工作的關鍵。

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

我知道這看起來很難看，我不得不seperatly用jQuery寫的每一行，如果somenone有更好的方式來做到這一點 - 我會很感激。

來源

2015-11-04 MarkusM

是你想要做什麼？我分出你的想法，並改變了一點點！

它可能是「假」與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

希望它可以幫助

來源

2015-11-04 13:17:26 djnose

嗯，你的解決方案如果我不需要每個表單元素都需要唯一的ID：s，那麼這個工作將會很完美。（我將使用jQuery強制更新等自動更正。）[JSFIDDLE]（http://jsfiddle.net/pq0gaao1/28/）在這裏你可以找到我需要維護這些文件的一個小例子。非常感謝你的麻煩。 – MarkusM

如果您喜歡我的回答，請立即投票：D：D – djnose

您的解決方案非常棒，我立即投票贊成。似乎我需要在這裏更積極地公開我的選票。：/但實際上我在這裏沒有選擇，**我需要** uniq id：s用於這些輸入 - 但我不知道如何分隔它們自己的輸入字段的任何行。你能幫我嗎？上帝知道谷歌不能。沮喪地嘗試這樣的事情，沒有任何真正的經驗與jQuery或JS。：D – MarkusM

如何將textarea行分割成不同的輸入字段和編輯值

回答

相關問題