通過jQuery發送網址到iframe

Question

我想使用ajax調用將網址發送到iframe，但我不確定這是否可能。

這是我到目前爲止有：

<script> 
$(document).ready(function() { 
    $('.clickme').click(function() { 
     var id = $(this).attr(id); 
     // Need to send the URL below to the iframe 
     // http://www.example.com/?list_id=id  
    }); 
}); 
</script> 

<iframe name="get_data"></iframe> 

<div class="clickme" id="3453">Click Here</div> 

有什麼建議？

Answer 1

$("iframe[name='get_data']").prop("src", "http://www.example.com/?list_id=" + id); 

Answer 2

$('iframe').attr('src', url); 

你可能想要一個更好的選擇器。

Answer 3

您應該能剛上車的iframe手柄和設置其src屬性：

$('iframe[name="get_data"]').attr('src', 'http://www.example.com/?list_id=' + id); 

Answer 4

$(document).ready(function() { 
    $('.clickme').click(function() { 
     var id = $(this).attr(id); 
     $('iframe[name="get_data"]').attr('src', 'http://www.example.com/?list_id=' + id); 

    }); 
}); 

，如果你使用jQuery 1.6或更高的使用prop（如安德魯說惠特克）

$("iframe[name='get_data']").prop("src", "http://www.example.com/?list_id=" + id);