2016-06-01 12 views
-2

Ich habe den folgenden Code:jQuery wenn GET Form bedingte

$('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>'); 

Er ersetzt den gesamten Inhalt der Seite mit dem iframe. Allerdings möchte ich, dass der obige Code seine iframe-Quelle zu variieren, wenn das Formular einen bestimmten Wert gesendet. wenn

Zum Beispiel:

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

ausgewählt wird, dann erzielte der jQuery-Code oben zeigt einen anderen iframe.

Glauben Sie, dass dies mit jQuery erreicht werden kann?

+2

Sie sollten 'verwenden html' statt' replaceWith' weil es am besten nicht zu ‚ersetzen‘ das '' Tag, aber es auf der Seite zu halten. –

+1

Es ist schwierig, die Bedeutung von * "vorherige jQuery" * oder * "vorheriger Code" * zu verstehen. –

+0

Ich entschuldige mich. Ich habe den Post jetzt bearbeitet. Ein Formular sendet Sie an eine Seite mit einem jQuery-Code. Ich möchte, dass je nachdem, welche Option Sie in diesem Formular ausgewählt haben, jQuery es erkennen und eine andere Ausgabe anzeigen kann. –

Antwort

0

Dieser Code prüft, ob der Radiobutton aktiviert ist. Wenn ja, wird die src der iframe angepasst.

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>');