如何在下拉列表中的选项上获取$ .data()?

时间:2014-07-03 09:42:02

标签: jquery jquery-data

$('#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
});

如何在更改下拉列表中的 Option1 中获取数据?

2 个答案:

答案 0 :(得分:3)

尝试从select元素中获取所选的option,然后检索数据

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

由于data-img设置的option元素不是select

答案 1 :(得分:0)

你可以试试这个: -

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

或使用.data()(如果您的jQuery版本较新,即&gt; = 1.4.3)

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