jquery - 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的内容设置为该元素.html(element)是..empty().append(element)