Как вывести данные из тегов select и input (2 вопроса)?

Question

[Denis]

Вопрос №1 - Как вывести данные (текст) на страницу из тега select (текст из выбранного пункта)

<select name="select-form-object" class="form-object" required="required">
	<option value></option>
	<option value="1">apple</option>
	<option value="2">mango</option>
	<option value="3">grape</option>
</select>

<span id="contentPos"></span>

Решение вроде есть (https://jsfiddle.net/api/post/library/pure/), но не получается - текст не выводится в "contentPos".
Мои варианты:
var valuePos = $('.form-object option:selected').text();
$('#contentPos').html('Результат: ' + valuePos);
или так
$('.form-object option:selected').keyup(function () {
$('#contentPos').text($('.form-object option:selected').val());
});

В обоих случаях не получается. Чувствую, что хожу в 3х соснах)))!!! Помогите!))

Вопрос №2 - Как вывести картинку на страницу из тега input (в реальном времени)?

<div> 
	<label for="wau_file_addon">Upload an image: </label> 
	<input type="file" name="wau_file_addon" id="wau_file_addon"
		accept="image/*" class="wau-auto-width wau-files">
</div>

<div id="contentImage"></div>

Заранее спасибо!

Answer 1

[Александр]

По поводу картинок - материала уйма. Первое что выдал гугл 1, 2, 3 и так далее.

Comments

[Denis]

Спасибо Александр, за ответы! По-поводу картинки - я просто неправильно задавал в поиске, действительно решений много. А по-поводу 1го вопроса - я в JS не силен, так что еще наматываю круги), мне вывести не в alert нужно, а в div. Ну да ладно, разберусь с этим как-то! Все равно спасибо за ответ!