如何使用javascript將文本框的值傳遞給模式中的另一個文本框？

Question

我的頁面上有一個文本框，我想要使用模態進行某種“預覽”，但是我無法顯示文本框的值，而這正是我需要的信息。 有人能幫我嗎？

我在執行此操作時使用了javascript，但我的模式顯示為空文本框。

$('#<%= txtDetails.ClientID %>').on('change', function () {
   $('input[id$="txtKBDecription"]').text($(this).val()); 
}); 
$('#<%= txtIssue.ClientID %>').on('keyup', function () {
   $('input[id$="txtKBSummary"]').text($(this).val()); 
}); 
$('#<%= area.ClientID %>').on('change', function () {
   $('input[id$="txtKBResolution"]').text($(this).val()); 
});

Answer 1

確實需要更多細節，但是從本質上講，您將在任何時候更改它來獲取值，然后將其放在另一個中。

這進入您的預覽模式

<input type="text" id="preview" onchange="Copy();">

這是你最后的模態

<input type="text" id="final">

和代碼...

<script>
function Copy()
{
    document.getElementById("final").value = document.getElementById("preview").value;
}
</script>

雖然確實應該更接近

<script>
function Copy()
{
    var previewValue = document.getElementById("preview").value;
    if(previewValue != "" /* Or Other Validation */)
         document.getElementById("final").value = previewValue;
}
</script>

如果您打算讓其他人編輯頁面和/或使其更加健壯，則還應考慮檢查以確保元素存在。