当使用变量作为选择器时，this.value变为未定义

Question

$(document).on("change","#groupid3,#groupid2,#groupid1",function(){

   alert(this.value);

}

当我这样做时，this.value是正确的。

但是，如果我想动态生成一个变量来存储id“＃groupid3，＃groupid2，＃groupid1”，如下所示，

txt="#groupid3,#groupid2,#groupid1";
$(document).on("change",txt,function(){

   alert(this.value);

}

this.value未定义。

有谁可以告诉我为什么这不起作用？谢谢！

Answer 1

再次检查它是否有效。

<div>
  <select name="tuanpham" id="groupid1">
    <option value="1">1</option>
    <option value="1">2</option>
    <option value="1">3</option>
  </select>
  <select name="tuanpham" id="groupid2">
    <option value="1">1</option>
    <option value="1">2</option>
    <option value="1">3</option>
  </select>
  <select name="tuanpham" id="groupid3">
    <option value="1">1</option>
    <option value="1">2</option>
    <option value="1">3</option>
  </select>
</div>
  <script>
  txt="#groupid3,#groupid2,#groupid1";
      $(document).on("change",txt,function(){
        alert(this.value);
      });

  </script>