よくjqueryで選択されたプルダウンの値を指定するサンプルではnameを使われているが…。idやthis指定したい！

admin

8年前

  $('#id_name').on('change' , function(e){
      
      var num = $('[name=select要素のname名] option:selected').text();
      alert(num);
  });

$('#id_name').on('change' , function(e){

var num = $('[name=select要素のname名] option:selected').text();

alert(num);

});

大抵の場合は、idやclassで要素を指定しているので、name指定は、違和感がある
こうすれば、id名指定で統一されるけど、２ヶ所(イベント要素・selected要素)修正しないとダメだ！

  $('#id_name').on('change' , function(e){
      
      var num = $('#id_name option:selected').text();
      alert(num);
  });

$('#id_name').on('change' , function(e){

var num = $('#id_name option:selected').text();

alert(num);

});

this指定にすれば、イベントの所で一箇所だけ要素を指定すればいいので、バグが発生しづらくなるので、これが一番だな！

  $('#id_name').on('change' , function(e){
      
      var num = $('option:selected', this).text();
      alert(num);
  });

$('#id_name').on('change' , function(e){

var num = $('option:selected', this).text();

alert(num);

});