Javascript Jquery-使用select中的数据属性更改背景图像

Javascript Jquery-使用select中的数据属性更改背景图像,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我需要做什么改变才能让它工作 当我试图访问$(this).data(“image”)时,它是未定义的 HTML select元素没有数据图像属性。子项选项元素确实如此,因此您必须选择所选的选项元素: $('option:selected', this).data("image"); 或者 有效。谢谢你,乔希!如何避免白光闪现?你应该首先解释你想要工作的东西和目前不想工作的东西。 $('.image').on('change', function() { $( "#imagecontai

我需要做什么改变才能让它工作

当我试图访问
$(this).data(“image”)
时,它是
未定义的

HTML


select
元素没有
数据图像
属性。子项
选项
元素确实如此,因此您必须选择所选的选项元素:

$('option:selected', this).data("image");
或者


有效。谢谢你,乔希!如何避免白光闪现?你应该首先解释你想要工作的东西和目前不想工作的东西。
$('.image').on('change', function() {
    $( "#imagecontainer" ).css( "background-image", ( $(this).data("image") ) );
})
$('option:selected', this).data("image");
$(this).find('option:selected').data("image");
$('.image').on('change', function () {
    $("#imagecontainer").css("background-image", ($('option:selected', this).data("image")));
});