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

Question

我一直在试图在屏幕上显示的输入栏的值，因为它已经由用户键入的。目前，我有一个工作原型，但我无法弄清楚如何将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 DEMO：https://jsfiddle.net/UXEngineer/rugf1kku/1/

Answer 1

你可以试试下面的事情的情况下，你是问怎么写ID选择器

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

Answer 2

您可以直接针对像下面特定输入从元件本身$(this)[0].id越来越Id和在输入元素上应用switch()进一步隔离：是越来越在提琴正确显示

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