ID를 사용하여 입력 필드 값을 동적으로 표시

Question

사용자가 입력했기 때문에 입력 필드 값을 화면에 표시하려고했습니다. 현재 작동하는 프로토 타입이 있지만 일반 입력 필드에 ID를 추가하는 방법을 알 수 없습니다. ID를 추가하면 특정 입력을 타겟팅하는 데 도움이됩니다. 당신이 제공 할 수있는 도움을 주시면 감사하겠습니다.

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

JSFiddle 데모 : 당신은 당신이 ID를 작성하는 방법을 요구하는 경우에는 다음과 같은 일을 시도 할 수 있습니다 https://jsfiddle.net/UXEngineer/rugf1kku/1/

Answer 1

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

이

는 자바 스크립트입니다 : 여기

는 HTML 코드입니다 선택자

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

Answer 2

사용자가 직접 요소 자체 $(this)[0].id에서 아이디를 점점 아래 같은 특정 입력 대상 및 입력 요소를 더 분리에 대한에 switch()을 적용 할 수

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