Kullanıcının üzerinde giriş yaptığı girişin belirli kimliğini alma

Question

Bazı metin girişleri ve bir seçim seçenekleri ile bir form aldım ve kullanıcı anahtar olayını veya değişimini hazırlarken giriş kimliğini uyarmak istiyorum seçim seçeneklerinde seçim.

Bunu yapmanın en iyi yolu nedir? Şu anda ben şimdiye kadar her biri :(

benim kötü kodu için bir işlev yazıyorum:

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

bu benim formu: Sen giriş alanları ve değişim için giriş olayını kullanabilir

<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

Seçili alanlar için olay:

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