Загрузить URL-адрес в div

Question

Этот скрипт загружает контент с использованием IFRAME, есть ли способ просто загрузить контент со страницы, но не как iframe?

что-то вроде

$("#content2").load($(this).attr("page")); 

Но я не могу заставить его работать на вышеприведенном скрипте.

<script type="text/javascript"> 
function loadURL(u) { 
document.getElementById("web-panel").innerHTML = '<iframe src="' + u + '" 
width="100%" height="100%" border="0"></iframe>';}</script> 

<select name="mydropdown" id="url" onchange="loadURL(this.value);"> 
<option value="http://123.com/opt.php?3">opt3</option> 
<option value="http://123.com/opt.php?2">opt2</option> 
<option value="http://123.com/opt.php?1">opt1</option> 
</select> 

<div id="web-panel"></div> 

Answer 1

Для загрузки содержимого в URL в DIV без использования IFrame, вы можете попробовать использовать JQuery Ajax подход: (первая строка имеет важное значение, так как он включает раму jQuery)

<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.2.min.js"></script> 
<script type="text/javascript"> 
function loadURL(u) { 
    $.ajax({ 
     url: u, 
     cache: false 
    }).done(function(data) { 
     $("#web-panel").html(data); 
    }); 
} 
</script> 

<select name="mydropdown" id="url" onchange="loadURL(this.value);"> 
<option value="http://123.com/opt.php?3">opt3</option> 
<option value="http://123.com/opt.php?2">opt2</option> 
<option value="http://123.com/opt.php?1">opt1</option> 
</select> 

<div id="web-panel"></div> 

Answer 2

Похоже, что у вас есть синтаксическая ошибка JavaScript.

Изменение JS часть, чтобы выглядеть следующим образом:

function loadURL(u) { 
    document.getElementById("web-panel").innerHTML = '<iframe src="' + u + 
    '" width="100%" height="100%" border="0"></iframe>'; 
}