jQuery幫助在Textarea中添加和刪除元素

-1

我很難弄清楚如何刪除文本區域中的單個條目（最後一項）。任何幫助/建議非常感謝。這裏有一個jsFiddle的例子。jQuery幫助在Textarea中添加和刪除元素

這裏是我的jQuery：

jQuery(function() { 
    var addName = jQuery('input.addName'), 
      addLanId = jQuery('input.addLanId'), 
      addPerId = jQuery('input.addPersonId'), 
      textArea = jQuery('textarea.addPersonInfo'); 

    addPerId.keyup(function() { 
     this.value = this.value.replace(/[^0-9\$]/g,'');    
    }); 

    jQuery('.btn-add').on('click', function() { 
     var addNameValue = addName.val(), 
      addLanIdValue = addLanId.val(), 
      addPerIdValue = addPerId.val(); 

     if (addNameValue == '' || addLanIdValue == '' || addPerIdValue == ''){ 
      return false; 
     } 

     var elFormat = addNameValue + " (LAN ID: " + addLanIdValue + ") (Person ID: " + addPerIdValue + ")\n", 
      addEl = jQuery(textArea).append(elFormat); 
      addName.val(''); 
      addLanId.val(''); 
      addPerId.val(''); 


    }); 

    jQuery('.btn-delete').on('click', function() {    
     jQuery('.addPersonInfo:last-child').remove(); 

    });  


});

來源

2013-06-12 Shapada

textarea中的「條目」究竟是什麼？ –

你能不能請這個？ JS本身並沒有什麼幫助，我懷疑如果用HTML平板編輯它可能並不是那麼有用。所以如果你可以把這個例子在網上jsfiddle，將不勝感激。 –

用戶填寫了幾個文本輸入（名稱和用戶ID），並將其附加到文本框中。 – Shapada

如果我理解正確的話，你有你的文本區域的文字和你需要刪除它的最後一行。你可以抓住textarea的內容，使用JavaScript split方法把它分解，去掉最後一行，並一起加入他們的行列：

你需要檢查

<textarea id="t"> 
line 1 
line 2 
</textarea> 

<script type="text/javascript"> 

    lines = $("#t").val().split("\n"); 

    // remove the last line 
    lines.pop(); 

    // re-assign it to the textarea 
    $("#t").val(lines.join()); 

</script>

一件事是，在流行之後，你仍然有元素在數組中加入。我相信，如果您彈出一個包含2個或更少的項目的數組，可能會將該數組更改爲字符串。

上述版本在重新組合時未考慮到回車。試試這個：

<script type="text/javascript"> 

    var s=""; 

    lines = $("#t").val().split("\n"); 

    // build a string with all elements, except the last 
    for(i=0;i<lines.length-1;i++){ 
    s+=lines[i] + "\n" 
    } 

    // re-assign it to the textarea 
    $("#t").val(s); 

</script>

您將需要注意文本區域結束時只包含'\ n'的行。

來源

2013-06-12 20:20:16 leekei

彈出函數後，我將如何格式化它，使每個條目都在自己的行，而不是一個字符串？ – Shapada

第一個代碼示例在將textarea放在一起時未考慮回車。我剛更新了它（見上文）。給它一個旋轉。 – leekei

它的作品，但只要我點擊刪除添加按鈕停止工作。有任何想法嗎？ – Shapada

jQuery幫助在Textarea中添加和刪除元素

回答

相關問題