$('#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 中获取数据?
答案 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);
});