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).