如何使用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>

如果您打算让其他人编辑页面和/或使其更加健壮，则还应考虑检查以确保元素存在。