Ajax und Modal mit Dropdown [brauch Hilfe]

Dave_L

Registrierter Benutzer

Dabei seit: 20.05.2019
Beiträge: 1

Ajax und Modal mit Dropdown [brauch Hilfe]

20.05.2019, 11:21

Hallo liebe Community,

ich bin neu hier aber ich vertraue auf euer Fachwissen =)

Ich habe folgendes Problem:

Ich habe mir ein Adminpanel mit einer Userliste die einen Edit und Delete Button hat erstellt. Sobald man auf den Edit Button drückt geht ein weiteres kleines Fenster auf in dem alle Informationen schon einmal vorausgefüllt sind und bei belieben noch einmal angepasst werden können.

So nun zum eigentlichen Problem.
Ich habe eine Dropbox eingebaut die sich aktualisiert wenn die erste Dropbox geändert wird. Beim ersten Datensatz funktioniert es ja schonmal super

aber irgendwie beim zweiten Datensatz ändert er diese Einstellung beim ersten O.o

habt ihr vill einen Lösungsansatz?

Ajax- Code

Code:

 <script src="https://code.jquery.com/jquery-latest.min.js"></script>
<head>
<script>
function getOffice (val) {
        $.ajax({
                 type: "POST",
                 url: "saveDecision.php",
                 data: 'u-id='+val,
                 success: function(data) {
                     $('#officeSelect').html(data);
                 }
      });
}

function showMsg()
{

	$("#msgC").html($("#companySelect option:selected").text());
	return false;
}
</script>

Ajax-SavePage

Code:

<html>
<?php
		require_once("../../dbcontroller.php");
		$db_handle = new DBController();
		$link = $db_handle->connectDB();
		
		$qnl = "SELECT * FROM niederlassungen WHERE unternehmens_id = '" . $_POST["u-id"] . "'";
			$result1 = mysqli_query($link,$qnl);
?>

<body>
<?php while($row1 = mysqli_fetch_array($result1)):;?>
		<option value="<?php echo $row1[1]; ?>"> 
			<?php echo $row1[1];?>
		</option>
<?php endwhile;?>
</body>		
</html>

Drop Down Lists

Code:

<!-- Company -->
<label class="control-label col-sm-2" for="company">Company:</label>
<?php mysqli_data_seek ($result2 , 0); ?>
<div class="col-sm-4">
	<select class="form-control" name="company" id="companySelect" onChange="getOffice(this.value);">
		<?php while($row2 = mysqli_fetch_array($result2)):;?>
			<option value="<?php echo $row2[2]; ?>" <?php echo ($row2[1] == $row3['company']) ? 'selected' : ''; ?>>
				<?php echo $row2[1];?>
			</option>	
		<?php endwhile;?>
	</select>
</div>

<!-- Office -->	
<label class="control-label col-sm-2" for="office">Office:</label>
<div class="col-sm-4">																						
	<select class="form-control" id="officeSelect" name="office">
	</select>																						
</div>

Edit Button

Code:

<td>												
	<div class="btn-group ml-auto">
		<a href="#edit<?php echo $row3['id'];?>" data-toggle="modal">
			<button type="button" class="btn btn-sm btn-outline-light" data-toggle="modal-content" data-target="#myModal">Edit</button>
		</a>										
		<button class="btn btn-sm btn-outline-light">
			<i class="far fa-trash-alt"></i>
		</button>
	</div>
</td>

Im ersten Bild kann man sich meine Erklärung besser vorstellen.

Im zweiten Bild die 2 Zensierten Boxen sind meine Drop Down Menüs.

Würde mich über Hilfe riesig freuen =)

Stichworte: ajax, dropdown, php

Wird geladen... Bitte warte.

Ajax und Modal mit Dropdown [brauch Hilfe]

Ajax und Modal mit Dropdown [brauch Hilfe]