jQuery在选择选项上加载图像

Question

我正在尝试根据所选内容将不同的图像加载到DIV中，如下所示：

<select>
  <option value="mercedes">Car #1</option>
  <option value="ferrari">Car #2</option>
  <option value="fiat">Car #3</option>
</select>

如果选择Car＃1 es选项，请将mercedes.jpg加载到<div id="car"></div>

任何想法??

非常感谢!!

Answer 1

您可以使用.change()事件处理程序，如下所示：

$("select").change(function() {
  $("#car").html($("<img />", { src: $(this).val() + ".jpg" }));
});

当值发生变化时，会创建一个新的<img>，将其来源设置为NEWVALUE.jpg并使用.html()将#car的内容设置为该元素{{3是} .html(element)。