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

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

以下是HTML代码：

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

---

jsiddle演示：

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

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

---

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

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

---

通过从元素本身获取Id

$（this）[0].Id

并应用

switch（）

打开以进一步隔离输入元素，可以直接针对如下特定输入：

$("input")
  .keyup(function() {
    var value = $(this).val();
   switch($(this)[0].id){
     case 'MyID':
         $("span").text("UserID" + value);
         break;
   }
  })
  .keyup();

---

通过从元素本身获取Id

$（this）[0].Id

并应用

switch（）

打开以进一步隔离输入元素，可以直接针对如下特定输入：

$("input")
  .keyup(function() {
    var value = $(this).val();
   switch($(this)[0].id){
     case 'MyID':
         $("span").text("UserID" + value);
         break;
   }
  })
  .keyup();

---

值在您的小提琴中正确显示。你的问题到底是什么？你所说的

是什么意思，但我不知道如何添加ID

？输入字段太通用了，我需要在我的应用程序中更精细地使用输入字段。值会正确地显示在你的小提琴中。你的问题到底是什么？你所说的

是什么意思，但我不知道如何添加ID

？输入字段太通用了，我需要在我的应用程序中更精细地使用输入字段。这段代码工作得很好。我将保留在存储中以备将来使用，在指定ID时可以使用多个输入。谢谢。这个代码运行得很好。我将保留在存储中以备将来使用，在指定ID时可以使用多个输入。谢谢