如何將多個值添加到Javascript中的textarea？

我是新來的Javascript和工作的問題，這是關於使一個網站，允許用戶輸入一個項目出價和一個出價ID。當他們輸入時，他們都按下提交按鈕，出價/出價編號（以及日期和時間）將顯示在textarea中。如何將多個值添加到Javascript中的textarea？

它應該允許多個出價提交和顯示，但目前我只能得到一個顯示。任何幫助，我怎麼能得到多個出價顯示，將不勝感激。謝謝

var bids = new Array(); 
var bidders = new Array(); 
var bidTime = new Array(); 

function writeBid() { 
    var historyText = " "; 
    for (var i = 0; i < bids.length; i++) { 
    historyText = bidTime[i] + " " + bids[i] + " " + bidders[i] + "\n"; 
    document.bidForm.bidList.value = historyText; 
    document.bidForm.highBid.value = bids[i]; 
    document.bidForm.bidId.value = " "; 
    document.bidForm.bidAmount.value = " "; 
    } 
} 
function addBid() { 
    bidders.unshift(document.bidForm.bidId.value); 
    bids.unshift(document.bidForm.bidAmount.value); 
    var now = new Date(); 
    var hours = now.getHours(); 
    var minutes = now.getMinutes(); 
    var seconds = now.getSeconds(); 
    var timeText = hours + ":" + minutes + ":" + seconds; 
    bidTime.unshift(timeText); 
    writeBid(); 
} 
function removeBid() { 
    bids.shift(); 
    bidders.shift(); 
    bidTime.shift(); 
    writeBid(); 
}

來源

2016-10-14 John

如果'bidList'被textarea，然後使用'... bidList.value + = historyText' - 即使用'+ ='而不是'='。（或者，最好使用'+ ='添加到'historyText'變量，並且只在循環後面設置'... bidList.value'）。爲什麼在textarea中顯示這種數據？它應該是可編輯的嗎？ – nnnnnn

實驗室方向需要它，不知道爲什麼。並且當我使用+ =時，它會再次寫入前一個條目以及新條目，每次都是 – John

爲@nnnnnn說使用+=與文本變量可以完美運行：

的JavaScript

var bids = [10, 20, 30]; 
var bidders = ['tim', 'sam', 'john']; 
var bidTime = ['10/2/2013','12/5/213','14/1/2023']; 

function writeBid() { 
    var historyText = " "; 
    for (var i = 0; i < bids.length; i++) { 
    historyText += bidTime[i] + " " + bids[i] + " " + bidders[i] + "\n"; 
    document.bidForm.highBid.value = bids[i]; 
    document.bidForm.bidId.value = " "; 
    document.bidForm.bidAmount.value = " "; 
    } 
    document.bidForm.bidList.value = historyText; 
}

HTML

<form name="bidForm" id="bidForm"> 
    <input type="text" name="bidId" id="bidId"/> 
    <input type="text" name="bidAmount" id="bidAmount"/> 
    <input type="text" name="highBid" id="highBid"/> 
    <textarea name="bidList" id="bidList"></textarea> 
</form>

來源

2016-10-14 01:34:17 abc123

謝謝你們，我讓它工作 – John

如何將多個值添加到Javascript中的textarea？

回答

相關問題