読者です 読者をやめる 読者になる 読者になる

jqueryで複数要素に対してイベントハンドラを設定する方法

複数要素に対して同じ様なことを記述していたので、こうすれば少しはコードが短くなるかもしれません、、、

<select id="elm1" name="elm1">
<option value="1">選択1</option>
<option value="2" selected>選択2</option>
</select>

<select id="elm2" name="elm2">
<option value="1" selected>選択1</option>
<option value="2">選択2</option>
</select>

<script>
$("#elm1,#elm2").each(function() {
  $(this).change(function() {
    console.log($(this).attr("name"));//1回目:elm1、2回目:elm2
    console.log($(this).val());//1回目:2、2回目:1
  });
});
</script>

リンク集へ