Есть у меня код, который получает value выпадающего списка и выводит картинку, путь которой указан в value каждого элемента списка. Теперь же стала необходимость выводить другой html документ, а заменить <img> на <iframe> так просто не получилось. Форумчане, помогите пожалуйста. В JS слаб пока что.
Вот код который использую для вывода картинки
<img id="img" src="value" align="middle" />
<script>
var select = document.getElementById('categories'),
img = document.getElementById('img');
select.addEventListener('change', changeImg.bind(this),false)
function changeImg(elem) {
img.src = elem.target.value
}
</script>
Тут все просто:
<select id="categories">
<option>Выберите из списка</option>
<option value="http://site.com/">site.com</option>
<option value="http://site.com/">site.com</option>
</select>
<iframe id="iframe" src="value" align="middle"></iframe>
<script>
var select = document.getElementById('categories'),
iframe = document.getElementById('iframe');
select.addEventListener('change', changeImg.bind(this),false)
function changeImg(elem) {
iframe.src = elem.target.value
}
</script>
Главное чтобы в заголовках сайта, который будет отображаться в iframe не было X-Frame-Options: DENY
Продвижение своими сайтами как стратегия роста и независимости