thealex
Mar 31, 2021
view2343
view1
0
Goto Top

Iframe src manipulieren mit 2 Select-boxen bei onchange

GermanQuestionJavaScriptDevelopment
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
comment-contentCommentShareShare
Share on Facebook Share on Twitter Share on Reddit Share on Linkedin

Content-Key: 665293

Url: https://administrator.de/contentid/665293

Printed on: April 26, 2024 at 14:04 o'clock

1 Comment
Goto Top
Mitglied: 148121
148121 Apr 01, 2021 updated at 12:40:20 (UTC)
Goto Top
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.
GermanQuestionJavaScriptDevelopment