如何將3個文本框內容顯示在按鈕單擊的另一個文本框中

-1

如何使按鈕單擊的第4個文本框上顯示前3個文本框的值？這只是工作中個人使用的項目。我無法做到這一點，並正在尋求專家的幫助。我也附上了頁面的圖像。 notes generator page 如何將3個文本框內容顯示在按鈕單擊的另一個文本框中

這裏是我使用的代碼：

<main> 
<div id="wrapper"> 
</div> 
<div id="content"> 
<div class="innertube"> 

<script language="JavaScript"> 
function showInput() 
{ 
document.getElementById('display').innerHTML = 
document.getElementById("user_input").value;} 
</script> 

<form> 
<label><b>CUSTOMER ENQUIRY: </b></label> 
<br> 
<textarea name="enuqiry" cols="70" rows="3" id="user_input"></textarea> 
</form> 
<br> 

<form> 
<label><b>TROUBLESHOOTING: </b></label> 
<br> 
<textarea name="troubleshooting" cols="70" rows="15" id="user_input2"> 
</textarea></form> 
<br> 

<form> 
<label><b>RESOLUTION/ADVISE: </b></label> 
<br> 
<textarea name="troubleshooting" cols="70" rows="3" id="reso"></textarea> 
</form> 
<br> 
<input type="submit" onclick="showInput();"><br/> 
<br> 

<br> 
<label><i>Generated Notes: </i></label> 
<p><textarea name="resolution" cols="70" rows="20" span id='display'> 
</textarea></span></p> 
<button type="reset" value="Reset">Reset</button> 
<br>

來源

2017-06-18 neilsensolis

試試這個..

UPDATE：輸出變量被修改成用戶需要

function showInput(){ 
 
    var ui1 = document.getElementById('user_input').value; 
 
    var ui2 = document.getElementById('user_input2').value; 
 
    var ui3 = document.getElementById('reso').value; 
 
    var out = "CUSTOMER ENQUIRY: " + ui1 + '\n'; 
 
    out += "TROUBLESHOOTING: " + ui2 + '\n'; 
 
    out += "RESOLUTION/ADVISE: " + ui3; 
 
    document.getElementById('display').innerHTML = out ; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<main> 
 
<div id="wrapper"> 
 
</div> 
 
<div id="content"> 
 
<div class="innertube"> 
 

 

 
<form> 
 
<label><b>CUSTOMER ENQUIRY: </b></label> 
 
<br> 
 
<textarea name="enuqiry" cols="70" rows="3" id="user_input"></textarea> 
 
</form> 
 
<br> 
 

 
<form> 
 
<label><b>TROUBLESHOOTING: </b></label> 
 
<br> 
 
<textarea name="troubleshooting" cols="70" rows="15" id="user_input2"> 
 
</textarea></form> 
 
<br> 
 

 
<form> 
 
<label><b>RESOLUTION/ADVISE: </b></label> 
 
<br> 
 
<textarea name="troubleshooting" cols="70" rows="3" id="reso"></textarea> 
 
</form> 
 
<br> 
 
<input type="submit" onclick="showInput();"><br/> 
 
<br> 
 

 
<br> 
 
<label><i>Generated Notes: </i></label> 
 
<p><textarea name="resolution" cols="70" rows="20" span id='display'> 
 
</textarea></span></p> 
 
<button type="reset" value="Reset">Reset</button> 
 
<br>

來源

2017-06-18 00:53:32

謝謝您的回覆，它現在的工作。我還有另一個問題，我如何在生成的文本框中排列這些值？我希望它看起來是這樣的：客戶諮詢：（固定值）客戶的詢盤（UI1）故障排除：（固定值）故障排除步驟（UI2）解決方案/提醒：（固定值）分辨率（ ui3） – neilsensolis

答案已更新，請檢查@neilsensolis –

非常感謝您的幫助！現在我可以開始處理我需要的簡單html的更改:) – neilsensolis

<script language="JavaScript"> 
function concTables() 
{ 
var str; 
str = document.getElementById("enuqiry").value + " " + 
     document.getElementById("troubleshooting").value + "."; 
document.getElementById("resolution").innerHTML = str; 


</script>

很抱歉，如果我誤解了問題。這應該讓您將字符串HTML值添加在一起。

你的兩個文本區域是否有相同的ID？「故障排除」。你可能想改變它。此外，您的查詢ID拼寫爲enuqiry，您可能還想更改。

來源

2017-06-18 00:50:46 MarionPearson

如何將3個文本框內容顯示在按鈕單擊的另一個文本框中

回答

相關問題