javascript - 如何从 中获取数据并在单独的 中显示输入值

Question

我有 2 <div>

<div id="form">
    <form id="myform">
         <input type="text" id="value1"/>
         <input type="submit" value="Submit"/>
    </form>
</div>

<div id="display">
    <!--- value1 to be displayed here -->
</div>

我需要在 1 个文件中完成这一切(没有 php 或 jsp)。

有什么想法吗？

Answer 1

您可以通过在 input field 上设置 event listener 并将该字段的值写入 div
检查下面的示例片段

$('#value1').on('input', function() {
  $('#display').text($(this).val());


});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="form">
  <form id="myform">
    <input type="text" id="value1" />
    <input type="submit" value="Submit" />
  </form>
</div>

<div id="display">
  <!--- value1 to be displayed here -->
</div>