如何从<form>中获取数据并在单独的<div>中显示输入值

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

您可以在event listener上设置input field并在div内写入该字段的值，然后执行此操作 检查示例摘录

下面的示例代码段

＆＃13;

＆＃13;

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


});

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;