时间戳

首页 > 解决方案 > 如何实时显示输入值以显示与 div id 相同的输入名称？或任何其他方式？

javascript - 如何实时显示输入值以显示与 div id 相同的输入名称？或任何其他方式？

问题描述

我需要用jquery实时显示输入值。如何将 div 文本更改为与输入名称或其他方式相同？

$('.inputs').keyup(function(){
  var namer = $('.inputs').attr('name');
  $('#' + namer).text($(this).val());
});

我希望 XX 命名输入值显示在带有 div 的 XX id 中。

标签： javascriptinputreal-time

解决方案

如果您确保在document.ready()回调中运行代码，它似乎工作正常：

$(document).ready(function() {
  $('.inputs').keyup(function(){
    var namer = $('.inputs').attr('name');
    $('#' + namer).text($(this).val());
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" name="someInputName" class="inputs"/>
<div id="someInputName"></div>

推荐阅读