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>

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

如何使用javascript将文本框的值传递给模态中的另一个文本框？

1 个答案: