Dropdown Feld beim bearbeiten wieder befüllen

Mia · 14. November 2016

Hallo,

ich stehe mal wieder vor einem Problem. Und zwar habe ich zwei Dropdown Felder. Das zweite wird dynamisch gefüllt, in Abhängigkeit mit dem ersten. Dieses mache ich wie folgt:

PHP

<div class="textfeld">
	<label for="a_lager">Lager</label>
	<select name="a_lager" id="a_lager" required>
		<option value="">-- Bitte wählen --</option>
	    <?php 
        $lager_ausgabe = admin_lager($mysqli);
        foreach($lager_ausgabe as $array){ ?>
        <option value="<?php echo $array['la_code'];?>"<?php echo ($a_lager == $array['la_code'] ? "selected" : "");?>><?php echo $array['la_titel'];?></option>
        <?php } ?>
</select>
</div>




<div class="textfeld abstand_2">
	<label for="a_lagerflaeche">Lagerfläche</label>
	<select name="a_lagerflaeche" id="a_lagerflaeche" required>
		<option value="">-- Bitte wählen --</option>
    </select>	
</div>

Alles anzeigen

Dann habe ich noch einen kleinen jQuery Teil

JavaScript

$("#a_lager").change(function(){
   $("#a_lagerflaeche").load("inc/auslesen-lagerflaechen.php",{id_hauptkategorie: $('#a_lager').val()});
});

Die auslesen-lagerflaechen.php hat folgenden Inhalt

PHP

if (isset($_POST['id_hauptkategorie']) && $_POST['id_hauptkategorie'] != ""){




$lagerflaeche = $_POST['id_hauptkategorie'];
?>
<option value="">-- Bitte wählen --</option>
<?php 
$frontend_lagerflaechen = frontend_lagerflaechen($mysqli, $lagerflaeche);
foreach($frontend_lagerflaechen as $array){ ?>
<option value="<?php echo $array['lag_code'];?>"><?php echo $array['lag_titel'];?></option>
<?php } ?>
<?php } ?>

Alles anzeigen

Wenn ich einen neuen Artikel anlege klappt dieses auch wunderbar. Wenn ich einen Artikel bearbeite habe ich das Problem, dass das erste Dropdown richtig ausgelesen wird, auf diese Zeile im oben genannten Code achten:

PHP

<?php echo ($a_lager == $array['la_code'] ? "selected" : "");?>

allerdings das zweite, welches über jQuery geladen wird nichts davon weiß und dementsprechend die Auswahl auf "-- Bitte wählen --" zurückgesetzt wird. Wie kann ich erreichen, dass das zweite Dropdown ebenfalls befüllt wird?

cottton · 16. November 2016

Das kommt daher, dass die JS (jQuery) Funktion nicht gestarted/angestoßen wird.
Die wird ja nur per "onchange" gestartet.

Was Du machen kannst:
beim Laden der Seite weißt Du ja, ob ein Artikel angelegt, oder bearbeitet wird.
Wenn bearbeiten (EDIT), dann startes Du die JS (jQuery) Funktion manuell 1 mal.

Bsp:

HTML

<!-- somewhere in your code the js function -->
<script>
    var updateSelect = function () {
        $("#a_lagerflaeche").load("inc/auslesen-lagerflaechen.php", {id_hauptkategorie: $('#a_lager').val()});
    };




    $("#a_lager").change(updateSelect);




    <?php if (/*HERE YOUR CHECK IF IS EDIT*/): ?>
    $(document).ready(
        function () {
            updateSelect();
            // something else you wanna do on document ready
        }
    );
    // or just: $(document).ready( updateSelect() );
    <?php endif; ?>
</script>

Alles anzeigen

Mia · 16. November 2016

Danke für deine Antwort. Ich habe es so eingesetzt

JavaScript

var updateSelect = function () {
        	$("#a_lagerflaeche").load("inc/auslesen-lagerflaechen.php", {id_hauptkategorie: $('#a_lager').val()});
    	};




    var updateSelectEDIT = function () {
    		var lflaeche = $a_lagerflaeche;
        	$("#a_lagerflaeche").load("inc/auslesen-lagerflaechen.php", {id_hauptkategorie: $('#a_lager').val(), 
        													    id_a_lagerflaeche: lflaeche});
    	};

Alles anzeigen

Allerdings bleibt das zweite Dropdown leer. Wenn ich den Wert, welcher in $a_lagerflaeche steckt direkt einfüge, dann wird das zweite Feld auch befüllt

JavaScript

var updateSelect = function () {
        	$("#a_lagerflaeche").load("inc/auslesen-lagerflaechen.php", {id_hauptkategorie: $('#a_lager').val()});
    	};




    var updateSelectEDIT = function () {
        	$("#a_lagerflaeche").load("inc/auslesen-lagerflaechen.php", {id_hauptkategorie: $('#a_lager').val(), 
        													    id_a_lagerflaeche: "abc98360379b7100300a4c2e6b83eb04"});
    	};

Alles anzeigen

Der Aufruf lautet dann so

JavaScript

$(document).ready(function(){







	    $("#a_lager").change(updateSelect);




	    <?php if (isset($_GET['artikel'])): ?>




	        
	            updateSelectEDIT();





	    <?php endif; ?>




	});

Alles anzeigen

Der zweite Parameter benötige ich für das selected in der auslesen-lagerflaechen.php

PHP

if (isset($_POST['id_hauptkategorie']) && $_POST['id_hauptkategorie'] != ""){




$lagerflaeche = $_POST['id_hauptkategorie'];
$lagerflaecheid = $_POST['id_a_lagerflaeche'];




?>
<option value="">-- Bitte wählen --</option>
<?php 
$frontend_lagerflaechen = frontend_lagerflaechen($mysqli, $lagerflaeche);
foreach($frontend_lagerflaechen as $array){ ?>
<option value="<?php echo $array['lag_code'];?>"<?php echo ($lagerflaecheid == $array['lag_code'] ? "selected" : "");?>><?php echo $array['lag_titel'];?></option>
<?php } ?>
<?php } ?>

Alles anzeigen

Warum wird der zweite Parameter nur übernommen, wenn ich diesen von Hand rein schreibe?

EDIT

Wenn ich ein hidden Feld einfüge:

PHP

<?php if (isset($_GET['artikel'])): ?>
<input type="hidden" name="l_flaeche" id="l_flaeche" value="<?php echo $a_lagerflaeche ?>">
<?php endif; ?>

und meinen JS Code verändere

JavaScript

var updateSelect = function () {
        	$("#a_lagerflaeche").load("inc/auslesen-lagerflaechen.php", {id_hauptkategorie: $('#a_lager').val()});
    	};




    var updateSelectEDIT = function () {
        	$("#a_lagerflaeche").load("inc/auslesen-lagerflaechen.php", {id_hauptkategorie: $('#a_lager').val(), 
        													    id_a_lagerflaeche: $('#l_flaeche').val()});
    	};

	$(document).ready(function(){







	    $("#a_lager").change(updateSelect);




	    <?php if (isset($_GET['artikel'])): ?>




	        
	            updateSelectEDIT();





	    <?php endif; ?>




	});

Alles anzeigen

funktioniert es plötzlich. Warum muss ich den Weg über ein verstecktes Feld gehen?

cottton · 16. November 2016

var lflaeche = $a_lagerflaeche;
Kann ja nicht gehen.

probier mal das:

JavaScript

// globale var setzen (in functions erreichbar)
var lflaeche = <?php echo $a_lagerflaeche ?>; // per PHP den inhalt setzen




var updateSelect = function () {
	$("#a_lagerflaeche").load("inc/auslesen-lagerflaechen.php", {id_hauptkategorie: $('#a_lager').val()});
};




var updateSelectEDIT = function () { 
	$("#a_lagerflaeche").load(
		"inc/auslesen-lagerflaechen.php", 
		{id_hauptkategorie: $('#a_lager').val(), id_a_lagerflaeche: lflaeche}
	);
};




$(document).ready(function(){
	$("#a_lager").change(updateSelect);
	<?php if (isset($_GET['artikel'])): ?>
	updateSelectEDIT();
	<?php endif; ?>
});

Alles anzeigen

Dropdown Feld beim bearbeiten wieder befüllen

Jetzt mitmachen!

Teilen