ユーザーがキー入力した入力の特定のIDを取得する方法

Question

テキスト入力と選択オプションが1つのフォームがあります。ユーザーがキーアップイベントまたは変更を実行しているときに入力IDを警告したい選択オプションでの選択。

どうすればいいですか？今私は、これまで各1つの:(

私の悪いコードのための機能を書いています：

$("#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>