jquery - 如何获取下拉列表中选项的 $.data() ？

Question

$('#selectSurvey').append('<option value="1" data-img="/path/image.png">'+ Option1 +'</option>');

$('#selectSurvey').on('change',function(e){
    $('#image-here').attr('src',this.data('img')); //wrong
});

如何在更改时获取下拉列表中选项1中的数据？

Answer 1

尝试从选择元素中获取选定的选项，然后检索数据，

$('#selectSurvey').on('change',function(e){
  $('#image-here').attr('src',$(this).find('option:selected').data('img')); 
});

由于 data-img 已使用 option 元素而不是 select 进行设置。