Javascript 如何使用jquery从多个select中获取正确的值？

在一个页面中有多个selecthtml标记，当用户单击下拉列表时，我想得到两个值。 但是，我的剧本有点问题。 它似乎有一个循环错误，我不知道如何找到它

$（文档）.ready（函数（）{
$（'.SizeSelect'）。在（'click'，function（）上{
var sel=$（“#SizeSelect_”+$（this.attr（'id'）。replace（'SizeSelect_'，''）；
sel.data（“preValue”，sel.val（））；
选择更改（函数（）{
var th=$（本）；
th.data（“newValue”，th.val（））；
//输出
$（'#log'）.append（'pre:'+th.data（“preValue”）+'/select:'+th.data（“newValue”）+'
）；
});
});
});

N/A3
N/A2
N/A1
2N/A3
2N/A2
2N/A1
您不想添加更改，请像上面的代码一样单击。您只需要触发更改事件

$(document).ready(function(){
  $('.SizeSelect').on('change',function(){

    var sel = $("#SizeSelect_"+$(this).attr('id').replace('SizeSelect_',''));

    sel.data("preValue",sel.val());


      var th = $(this);
      th.data("newValue",th.val());

      //output
      $('#log').append('pre:'+th.data("preValue")+' / select:'+th.data("newValue")+'<br/>');

  });

});

$（文档）.ready（函数（）{
$（'.SizeSelect'）。在（'change'，function（）上{
var sel=$（“#SizeSelect_”+$（this.attr（'id'）。replace（'SizeSelect_'，''）；
sel.data（“preValue”，sel.val（））；
var th=$（本）；
th.data（“newValue”，th.val（））；
//输出
$（'#log'）.append（'pre:'+th.data（“preValue”）+'/select:'+th.data（“newValue”）+'
）；
});
});

检查小提琴：
您需要使用调用该事件的
元素，并使用
.off（）
解除前一个事件处理程序的绑定


$（文档）.ready（函数（）{
$（'.SizeSelect'）。在（'click'，function（）上{
var sel=$（本）；
sel.data（“preValue”，sel.val（））；
选择关闭（'change'）。打开（'change'，function（））{
var th=$（本）；
th.data（“newValue”，th.val（））；
//输出
$（'#log'）.append（'pre:'+th.data（“preValue”）+'/select:'+th.data（“newValue”）+'
）；
});
});
});

N/A3
N/A2
N/A1
2N/A3
2N/A2
2N/A1