javascript - 使用 ID 动态显示输入字段值

Question

我一直在尝试在屏幕上显示一个输入字段值，因为它是由用户输入的。目前，我有一个工作原型(prototype)，但我不知道如何将 ID 添加到通用输入字段。添加 ID 有助于我定位特定输入。如果您能提供任何帮助，我将不胜感激。

这是 HTML 代码:

<div class="align-center">
    <input id="MyID" type="text" class="form-control" value="" placeholder="Distributor ID">
    <span class="username"></span>
</div>

这是 Javascript:

$("input")
  .keyup(function() {
    var value = $(this).val();
    $("span").text("UserID" + value);
  })
  .keyup();

JSFiddle 演示:https://jsfiddle.net/UXEngineer/rugf1kku/1/

Answer 1

如果您询问如何编写 ID 选择器，您可以尝试以下操作

$("#MyID")
  .keyup(function() {
    var value = $(this).val();
    $("span").text("UserID" + value);
  })
  .keyup();