顯示輸入字段值動態地使用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();