Iframe src manipulieren mit 2 Select-boxen bei onchange

Hallo liebe Administrator-Community,

ich habe eine Datenbank aus der ich bestimmte werte anzeigen lassen möchte. Dies klappt auch schon problemlos, jedoch möchte ich jetzt noch einen weiteren Parameter hinzufügen um die suche weiter eingrenzen zu können.

Bis jetzt sieht mein Code folgendermaßen aus:

<form name="change">  
<select name="options" onload="resizeIframe(this)" onchange="document.getElementById('displayPersonal').src = this.options[this.selectedIndex].value">  
<option value="personal.php?b=0&u=<?php echo $user['username'];?>" selected>Feuerwehr</option>  
<option value="personal.php?b=2&u=<?php echo $user['username'];?>">Rettungsdienst</option>  
<option value="personal.php?b=6&u=<?php echo $user['username'];?>">Polizei</option>  
<option value="personal.php?b=9&u=<?php echo $user['username'];?>">THW</option>  
</select>
</form>
<br>

<div class="panel panel-default">  
<br>
<iframe width="120%" height="100%" name="iframe" id="displayPersonal" src="personal.php?b=0&u=<?php echo $user['username'];?>" frameborder="0"></iframe>  
<br>

Was ich noch bräuchte wäre eine 2 Selectbox die zur iframe-src den parameter ls=[parameter] an die url anfügt. Wichtig ist das die Auswahl in den Selectboxen nicht verändert werde wenn ich in der anderen etwas auswähle.

Ich danke schonmal für Vorschläge und Ideen.

MfG

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 665293

Url: https://administrator.de/forum/iframe-src-manipulieren-mit-2-select-boxen-bei-onchange-665293.html

Ausgedruckt am: 12.04.2025 um 17:04 Uhr

1 Kommentar

Also da musste ich das ganze bestimmt mehr als 10 mal lesen bevor ich "vielleicht" verstanden habe was du damit meinst ...
Beispiel (das andere Select habe ich hier weggelassen, es macht aber dem Code nichts aus wenn dieses noch hinzu kommt)

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
<title>HTML Document</title>
</head>
<body>
	<form name="myform" action="" method="">  
		<select id="myselect" onchange="myselect_change()">  
			<option value="a">OptionA</option>  
			<option value="b">OptionB</option>  
			<option value="c">OptionC</option>  
		</select>
	</form>
	
	<iframe src="https://personal.php?par1=Test&par2=Test2" id="displayPersonal"></iframe>  
	
	<script>
		function myselect_change(){
			let ifr = document.getElementById('displayPersonal');  
			let myselect = document.getElementById('myselect');  
			let selvalue = myselect.options[myselect.selectedIndex].value;
			let pat = /(?<=&ls=)[^&]*/;
			ifr.src = (pat.test(ifr.src)) ? ifr.src.replace(pat, selvalue) : ifr.src + "&ls=" + selvalue;  
		}
	</script>
</body>
</html>

Gruß w.