JQuery Загрузить изображение на выберите опцию

Question

Я пытаюсь загрузить различные изображения в DIV в соответствии с выбранным, что-то вроде этого:

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

Если выбран автомобиль # 1 эс вариант, нагрузка mercedes.jpg в <div id="car"></div>

Любые идеи?

Большое спасибо!

Answer 1

Вы можете использовать обработчик .change() событий, как это:

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

При изменении значения, это создает новый <img>, устанавливает свой источник NEWVALUE.jpg и использует .html(), чтобы установить содержание #car «s к этому элементу .html(element) - a shortcut for .empty().append(element).