사용자가 입력 한 특정 ID를 얻는 방법

Question

일부 텍스트 입력과 하나의 선택 옵션이있는 양식이 있는데 사용자가 키 업 이벤트를 수행하거나 변경하는 경우 입력 ID에 경고하고 싶습니다. 선택 옵션에서 선택하십시오.

뭐가 가장 좋은 방법일까요? 지금은 지금까지 각각 :(

내 나쁜 코드에 대한 함수를 쓰고 있어요 :

$("#target").keyup(function() { 
alert(this.id); 
}); 

이 내 양식 : 당신은 입력 필드 및 변경 입력 이벤트를 사용할 수 있습니다

<form> 
<div class="col-md-6"> 
<div class="form-group"> 
    <input type="text" class="form-control input-lg" name="FirstName" id="FirstName" placeholder="First Name" maxlength="45" required=""> 
</div> 
</div> 
<div class="col-md-6"> 
<div class="form-group"> 
    <input type="text" class="form-control input-lg" name="LastName" id="LastName" maxlength="45" placeholder="Last Name" required=""> 
</div> 
</div> 
<div class="col-sm-12"> 
<div class="form-group"> 
    <input type="email" class="form-control input-lg" name="Email" id="Email" maxlength="255" placeholder="Email Address" required=""> 
</div> 
</div> 
<div class="col-sm-12"> 
<div class="form-group"> 
    <input type="password" id="Password" name="Password" maxlength="32" class="form-control input-lg" placeholder="Password" required=""> 
</div> 
</div> 
<div class="col-sm-12"> 
<div class="form-group"> 
    <select id="countryData" class="form-control bfh-countries" data-country="US"> 
    <option value=""></option> 
    <option value="AF">Afghanistan</option> 
    <option value="BR">Brazil</option> 
    </select> 
</div> 
</div> 
</form> 

Answer 1

을 선택 필드 이벤트 :

$(function() { 
 
    $("input").on('input', function() { 
 
    console.log(this.id); 
 
    }); 
 
    $("select").on('change', function() { 
 
    console.log(this.id); 
 
    }); 
 
});

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
 
<script src="https://code.jquery.com/jquery-1.12.1.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 

 
<form> 
 
    <div class="col-md-6"> 
 
     <div class="form-group"> 
 
      <input type="text" class="form-control input-lg" name="FirstName" id="FirstName" placeholder="First Name" maxlength="45" required=""> 
 
     </div> 
 
    </div> 
 
    <div class="col-md-6"> 
 
     <div class="form-group"> 
 
      <input type="text" class="form-control input-lg" name="LastName" id="LastName" maxlength="45" placeholder="Last Name" required=""> 
 
     </div> 
 
    </div> 
 
    <div class="col-sm-12"> 
 
     <div class="form-group"> 
 
      <input type="email" class="form-control input-lg" name="Email" id="Email" maxlength="255" placeholder="Email Address" required=""> 
 
     </div> 
 
    </div> 
 
    <div class="col-sm-12"> 
 
     <div class="form-group"> 
 
      <input type="password" id="Password" name="Password" maxlength="32" class="form-control input-lg" placeholder="Password" required=""> 
 
     </div> 
 
    </div> 
 
    <div class="col-sm-12"> 
 
     <div class="form-group"> 
 
      <select id="countryData" class="form-control bfh-countries" data-country="US"> 
 
       <option value=""></option> 
 
       <option value="AF">Afghanistan</option> 
 
       <option value="BR">Brazil</option> 
 
      </select> 
 
     </div> 
 
    </div> 
 
</form>