2016-06-01 15 views
-2

を形成し得れば、私は次のコードを持っている:それはインラインフレームを持つページの全内容を置き換えjQueryの条件

$('body').replaceWith('<iframe src="http://google.com" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe>'); 

を。しかし、フォームが特定の値を送信した場合、上記のコードでiframeソースを変更することをお勧めします。例えば

場合:

<input name="any_other_value" value="any_value" type="radio"> 

が選択され、次いで、上記の投稿のjQueryコードが異なるインラインフレームを示しています。

これはjQueryで実現できると思いますか?

+2

それは '' タグ「を置き換える」ことではなく、ページにそれを維持することが最善ではありませんので、あなたの代わりにreplaceWith' 'の' html'を使用する必要があります。 –

+1

*「previous jQuery」*または「previous code」*の意味を理解することは困難です。 –

+0

私はお詫び申し上げます。私は今投稿を編集しました。フォームはjQueryコードを含むページにあなたを送ります。そのフォームでどのオプションを選択したかによって、jQueryはそれを検出して別の出力を表示することができます。 –

答えて

0

このコードでは、ラジオボタンがオンになっているかどうかを確認します。その場合、iframesrcが調整されます。

var desiredSrc = 'http://google.com' 
if($('input[name="any_other_value"][value="any_value"]').is(':checked')) 
    desiredSrc = 'http://example.com' 
$('body').html('<iframe src="' + desiredSrc + '" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe>');