Ajax und Modal mit Dropdown [brauch Hilfe]
php developer forum Autor : Dave_L Zeit : 12:21 Posts : 0
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 :D
aber irgendwie beim zweiten Datensatz ändert er diese Einstellung beim ersten O.o
habt ihr vill einen Lösungsansatz?
Ajax- 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
<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
<!-- 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
<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.
[ATTACH]3343[/ATTACH]
Im zweiten Bild die 2 Zensierten Boxen sind meine Drop Down Menüs.
[ATTACH]3344[/ATTACH]
Würde mich über Hilfe riesig freuen =):danke:
CheckboxGroup as Radiogroup
Hi@all
Ich bin gerade am verzweifeln und bekomme diese Funktion einfach nicht zurechtgebastelt.
Also:
Ich erstelle dynamisch mehrere Checkboxen welche auch als Gruppe zusammengefasst werden - über eine Klasse.
Insgesamt haben die Checkboxen mehrere Klassen.
Die zur Trennung erforderliche Klasse hänge ich am Ende an
1
2 …
3 chb_class = "chb_"+groupname_class;
4 ...
5 input = this._createCheckboxElement(chb_class,checked);
6 ...
7 <input class="leaflet-control-layers-selector chb_01" type="checkbox">
8 <input class="leaflet-control-layers-selector chb_02" type="checkbox">
9 <input class="leaflet-control-layers-selector " type="checkbox">
10 <input class="leaflet-control-layers-selector " type="checkbox">
11 <input class="leaflet-control-layers-selector " type="checkbox">
12 <input class="leaflet-control-layers-selector chb_02" type="checkbox">
13 <input class="leaflet-control-layers-selector chb_02" type="checkbox">
14 …
15
Dann sollen sich die Checkboxen Gruppen wie Radiogroups verhalten.
Das versuche ich hiermit zu realisieren.
1
2 …
3 // CheckboxGroup as Radiogroup
4 $("input[type=checkbox]").click(function() {
5 var this_class = ($(this).attr('class'));
6 if(this_class.indexOf(' ') > 0) {
7 var lastWord = this_class.substr(this_class.lastIndexOf(" ") + 1); // ='chb_xxxxxx'
8 //console.log (lastWord);
9 // andere checkbox mit gleicher class deaktivieren und diese aktivieren
10 $("."+lastWord).prop('checked', false);// uncheck other Checkbox from this Group
11 $(this).prop('checked', true);// chek this Checkbox of this Group
12 }
13 });
14 …
15
Aber irgendwie funktioniert es nicht so wie ich gern hätte
Der ganze Verzeichnisbaum soll am Ende so aussehen
Erster Eintrag (Checkbox)
Zweiter Eintrag (Checkbox)
Inhalt 1 (RadioGroup)
Inhalt 2 (RadioGroup)
Inhalt 3 (RadioGroup)
Dritter Eintrag (Checkbox)
Vierter Eintrag (Checkbox)
Inhalt 4_1
Inhalt 4_2
Inhalt 4_3
Fünfter Eintrag (Checkbox)
...
Die jeweiligen Elternelemente sollen sich ganz normal verhalten (an/aus)
Die RadioGroups verhalten sich so wie sie sollen.
Jetzt möchte ich folgendes erreichen:
Wenn ich ein Elternelement anklicke, sollen alle zugehörigen Kinder deaktiviert werden, wenn ich ein Kindlement (Radioelement) anklicke soll das zugehörige Elternelement deaktiviert werden.
Ich hoffe ich konnte mich verständlich ausdrücken.
Thx@all
Im Forum suchen
The Complete SQL Bootcamp or The Ultimate MySQL Bootcamp? Udemy
PHP redirect wenn Server down (lokal/Heimnetz)
header("Location") funktioniert nicht
Alle PHP Scripte anzeigen 
Berni
60566 mal angesehen | Kategorie: 
Deutsch 
