✔ jQuery Select-Feld-Wert in Box schreiben

EuroCent

EuroCent

Klappstuhl 2.0
Hallo liebe Gemeinde... :)

Leider sitze Ich vor einem kleinen Problem :(

Per PHP lass Ich mir diese Liste ausgeben:
$row['id'] => Wird per Datenbank-Schnittstelle geholt, spielt aber hier erstmal keine Rolle :)

PHP: 
$getteam = 'LEER';
$sql = $db->__query("SELECT * FROM TABELLE WHERE getteam = '{$getteam}'");
$table = '';
$count = 0;
$checkSum = 0;

while($row = $db->__fetchArray($sql)) {
   $username = $row['username'];
    $username = explode(".", $username);
   
   $uname = $username[1];
   $fname = $username[0];
   $comName = $uname . ", " . $fname;
   
   /* Umlaute umwandeln */
   
   $count+= 1;
   
   $table .= '<tr>'."\n";
       $table .= '<td>'.$comName.'</td>'."\n";
       $table .= '<td>'.$row['personal'].'</td>'."\n";
       $table .= '<td>'."\n";
           $table .= '<select name="atyp['.$row['id'].']" id="atyp['.$row['id'].']" class="form-control" required>'."\n";
               $table .= '<option value="" selected>--- Bitte w&auml;hlen ---</option>'."\n";
               $table .= '<option value="1">06:00 bis 14:12</option>'."\n";
               $table .= '<option value="2">14:45 bis 22:57</option>'."\n";
               $table .= '<option value="3">06:25 bis 14:37</option>'."\n";
               $table .= '<option value="4">14:20 bis 22:32</option>'."\n";
               $table .= '<option value="8">08:00 bis 16:12</option>'."\n";
               $table .= '<option value="10">10:00 bis 18:12</option>'."\n";
               $table .= '<option value="U">Urlaub</option>'."\n";
               $table .= '<option value="FOBI">Fortbildung</option>'."\n";
               $table .= '<option value="FF">Feiertagfrei</option>'."\n";
               $table .= '<option value="KOA">Krank ohne Attest</option>'."\n";
               $table .= '<option value="K">Krank mit Attest</option>'."\n";
               $table .= '<option value="KK">Kind Krank</option>'."\n";
               $table .= '<option value="AZK">Gleitzeitausgleich</option>'."\n";
               $table .= '<option value="ÜAZ">&Uuml;berstundenabbau</option>'."\n";
               $table .= '<option value="BR">Betriebsrat</option>'."\n";
               $table .= '<option value="SU">Sonderurlaub</option>'."\n";
               $table .= '<option value="R">Dienstreise</option>'."\n";
               $table .= '<option value="MS">Mutterschutz</option>'."\n";
               $table .= '<option value="EZ">Erziehungsurlaub</option>'."\n";
               $table .= '<option value="BT">Backup Trainer</option>'."\n";
               $table .= '<option value="VT">Vertriebstrainer + Pate</option>'."\n";
               $table .= '<option value="SA">Sonderaufgabe (z.B. UAT)</option>'."\n";
               $table .= '<option value="WG">Wiedereingliederung</option>'."\n";
               $table .= '<option value="BS">Berufsschule</option>'."\n";
               $table .= '<option value="KUR">Kur/Reha</option>'."\n";
               $table .= '<option value="UF">unbez. Urlaub/Pflegezeit</option>'."\n";
               $table .= '<option value="BF">bez. Freistellung</option>'."\n";
               $table .= '<option value="SF">Schichtfrei</option>'."\n";
               $table .= '<option value="PRO">Projekt</option>'."\n";
           $table .= '</select>'."\n";
       $table .= '</td>'."\n";
       $table .= '<td><span id="selArt_'.$count.'">...</span></td>'."\n";
   $table .= '</tr>'."\n";
   
   $checkSum++;
}

Per jQuery Frag Ich alle Select-Felder ab:
Code: 
$('select').each(function(index) {
        var selArt = $('#selArt_' + index + '');
        //console.log( index + ": " + $( this ).val() );
        $(this).on('change', function() {
            console.log(index + ": " + $(this).val());
            console.log(selArt.html());
        });
    });

Das klappt auch soweit bis auf diesen Punkt:
Code: 
$(this).on('change', function() {
            console.log(index + ": " + $(this).val());
            console.log(selArt.html());
        });

Da bekomm Ich wenn Ich via .html(), .text() oder .val() nehme "undefined".
Geb Ich in der Console direkt: $('#selArt_1').html();
dann bekomme Ich auch einen Rückgabe-Wert: "..."

Wenn Ich es per Schleife probiere, da Ich ca. 20 Selectfelder habe, dann bekomm Ich "undefined".
Wenn Ich .html(), .text() oder .val() weglasse bekomme Ich den Objekt-Typ und er findet laut Definition "#setArt_1".

Hat hier jemand eine Idee wie Ich per Scheife, beim Selektieren eines Feldes, es in die entsprechende <span>-Box bekomme?

Vielen lieben dank :)
 
Zuletzt bearbeitet:
Wollte es zunächst gleich mit einer Testseite untersuchen, aber zwei Dinge fallen mir auch so auf:

1. Für die Nummerierung der spans hier:
Code: 
$table .= '<td><span id="selArt_'.$count.'">...</span></td>'."\n";
startet die Variable $count bei 1.
Die Variable index hier:
Code: 
var selArt = $('#selArt_' + index + '');
startet jedoch bei 0.

2. Beim Registrieren der Listener benutzt Du den Selektor 'select'. Dieser erfasst alle selects auf der Seite. Ist sicher gestellt, dass es außer den selects, die durch das gepostete PHP erzeugt werden, keine weiteren gibt? Andernfalls könnte sich die Nummerierung verschieben.
 
Sempervivum hat gesagt.:
Wollte es zunächst gleich mit einer Testseite untersuchen, aber zwei Dinge fallen mir auch so auf:

1. Für die Nummerierung der spans hier:
Code: 
$table .= '<td><span id="selArt_'.$count.'">...</span></td>'."\n";
startet die Variable $count bei 1.
Die Variable index hier:
Code: 
var selArt = $('#selArt_' + index + '');
startet jedoch bei 0.

2. Beim Registrieren der Listener benutzt Du den Selektor 'select'. Dieser erfasst alle selects auf der Seite. Ist sicher gestellt, dass es außer den selects, die durch das gepostete PHP erzeugt werden, keine weiteren gibt? Andernfalls könnte sich die Nummerierung verschieben.
Zum Vergrößern anklicken....

Zu 1.: Du meinst dass es an dem index-Parameter liegt?

Zu 2.: Es gibt ein Select-Feld mehr, welches dazu verwendet wird, um die anderen Select-Felder gleichzeitig auszuwählen, bzw. deren einen Wert direkt zuzuweisen, ohne die einzelnen Select-Felder manuell auszufüllen.

Hier der Ausschnitt aus der HTML-Ansicht:
HTML: 
<form class="form-inline" action="" method="POST">
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="selDate"><i class="fa fa-calendar"></i> Datum:</label>
                    <input id="selDate" class="form-control" name="selDate" type="date" pattern="[0-9]{2,2}[.]{1,1}[0-9]{2,2}[.]{1,1}[0-9]{4,4}" max="30.01.2018" value="30.01.2018" required />
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label for="selAll"><i class="fa fa-check-square-o"></i> Alle:</label>
                    <select name="selAll" id="selAll" class="form-control">
                        <option value="" selected>--- Bitte w&auml;hlen ---</option>
                        <option value="1">06:00 bis 14:12</option>
                        <option value="2">14:45 bis 22:57</option>
                        <option value="3">06:25 bis 14:37</option>
                        <option value="4">14:20 bis 22:32</option>
                        <option value="8">08:00 bis 16:12</option>
                        <option value="10">10:00 bis 18:12</option>
                        <option value="U">Urlaub</option>
                        <option value="FOBI">Fortbildung</option>
                        <option value="FF">Feiertagfrei</option>
                        <option value="KOA">Krank ohne Attest</option>
                        <option value="K">Krank mit Attest</option>
                        <option value="KK">Kind Krank</option>
                        <option value="AZK">Gleitzeitausgleich</option>
                        <option value="ÃœAZ">&Uuml;berstundenabbau</option>
                        <option value="BR">Betriebsrat</option>
                        <option value="SU">Sonderurlaub</option>
                        <option value="R">Dienstreise</option>
                        <option value="MS">Mutterschutz</option>
                        <option value="EZ">Erziehungsurlaub</option>
                        <option value="BT">Backup Trainer</option>
                        <option value="VT">Vertriebstrainer + Pate</option>
                        <option value="SA">Sonderaufgabe (z.B. UAT)</option>
                        <option value="WG">Wiedereingliederung</option>
                        <option value="BS">Berufsschule</option>
                        <option value="KUR">Kur/Reha</option>
                        <option value="UF">unbez. Urlaub/Pflegezeit</option>
                        <option value="BF">bez. Freistellung</option>
                        <option value="SF">Schichtfrei</option>
                        <option value="PRO">Projekt</option>
                    </select>
                </div>
            </div>
        </div>
        <hr />
        <div class="row">
            <div class="col-md-12">
                <table class="table table-striped table-hover">
                    <thead>
                        <tr>
                            <th>Mitarbeiter:</th>
                            <th>Personalnummer:</th>
                            <th>Information:</th>
                            <th>K&uuml;rzel:</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
<td>Name, Vorname</td>
<td>000000</td>
<td>
<select name="atyp[1]" id="atyp[1]" class="form-control" required>
<option value="" selected>--- Bitte w&auml;hlen ---</option>
<option value="1">06:00 bis 14:12</option>
<option value="2">14:45 bis 22:57</option>
<option value="3">06:25 bis 14:37</option>
<option value="4">14:20 bis 22:32</option>
<option value="8">08:00 bis 16:12</option>
<option value="10">10:00 bis 18:12</option>
<option value="U">Urlaub</option>
<option value="FOBI">Fortbildung</option>
<option value="FF">Feiertagfrei</option>
<option value="KOA">Krank ohne Attest</option>
<option value="K">Krank mit Attest</option>
<option value="KK">Kind Krank</option>
<option value="AZK">Gleitzeitausgleich</option>
<option value="ÃœAZ">&Uuml;berstundenabbau</option>
<option value="BR">Betriebsrat</option>
<option value="SU">Sonderurlaub</option>
<option value="R">Dienstreise</option>
<option value="MS">Mutterschutz</option>
<option value="EZ">Erziehungsurlaub</option>
<option value="BT">Backup Trainer</option>
<option value="VT">Vertriebstrainer + Pate</option>
<option value="SA">Sonderaufgabe (z.B. UAT)</option>
<option value="WG">Wiedereingliederung</option>
<option value="BS">Berufsschule</option>
<option value="KUR">Kur/Reha</option>
<option value="UF">unbez. Urlaub/Pflegezeit</option>
<option value="BF">bez. Freistellung</option>
<option value="SF">Schichtfrei</option>
<option value="PRO">Projekt</option>
</select>
</td>
<td><span id="selArt_1">...</span></td>
</tr>
<tr>
<td>Name, Vorname</td>
<td>000000</td>
<td>
<select name="atyp[2]" id="atyp[2]" class="form-control" required>
<option value="" selected>--- Bitte w&auml;hlen ---</option>
<option value="1">06:00 bis 14:12</option>
<option value="2">14:45 bis 22:57</option>
<option value="3">06:25 bis 14:37</option>
<option value="4">14:20 bis 22:32</option>
<option value="8">08:00 bis 16:12</option>
<option value="10">10:00 bis 18:12</option>
<option value="U">Urlaub</option>
<option value="FOBI">Fortbildung</option>
<option value="FF">Feiertagfrei</option>
<option value="KOA">Krank ohne Attest</option>
<option value="K">Krank mit Attest</option>
<option value="KK">Kind Krank</option>
<option value="AZK">Gleitzeitausgleich</option>
<option value="ÃœAZ">&Uuml;berstundenabbau</option>
<option value="BR">Betriebsrat</option>
<option value="SU">Sonderurlaub</option>
<option value="R">Dienstreise</option>
<option value="MS">Mutterschutz</option>
<option value="EZ">Erziehungsurlaub</option>
<option value="BT">Backup Trainer</option>
<option value="VT">Vertriebstrainer + Pate</option>
<option value="SA">Sonderaufgabe (z.B. UAT)</option>
<option value="WG">Wiedereingliederung</option>
<option value="BS">Berufsschule</option>
<option value="KUR">Kur/Reha</option>
<option value="UF">unbez. Urlaub/Pflegezeit</option>
<option value="BF">bez. Freistellung</option>
<option value="SF">Schichtfrei</option>
<option value="PRO">Projekt</option>
</select>
</td>
<td><span id="selArt_2">...</span></td>
</tr>
<tr>
<td>Name, Vorname</td>
<td>000000</td>
<td>
<select name="atyp[6]" id="atyp[6]" class="form-control" required>
<option value="" selected>--- Bitte w&auml;hlen ---</option>
<option value="1">06:00 bis 14:12</option>
<option value="2">14:45 bis 22:57</option>
<option value="3">06:25 bis 14:37</option>
<option value="4">14:20 bis 22:32</option>
<option value="8">08:00 bis 16:12</option>
<option value="10">10:00 bis 18:12</option>
<option value="U">Urlaub</option>
<option value="FOBI">Fortbildung</option>
<option value="FF">Feiertagfrei</option>
<option value="KOA">Krank ohne Attest</option>
<option value="K">Krank mit Attest</option>
<option value="KK">Kind Krank</option>
<option value="AZK">Gleitzeitausgleich</option>
<option value="ÃœAZ">&Uuml;berstundenabbau</option>
<option value="BR">Betriebsrat</option>
<option value="SU">Sonderurlaub</option>
<option value="R">Dienstreise</option>
<option value="MS">Mutterschutz</option>
<option value="EZ">Erziehungsurlaub</option>
<option value="BT">Backup Trainer</option>
<option value="VT">Vertriebstrainer + Pate</option>
<option value="SA">Sonderaufgabe (z.B. UAT)</option>
<option value="WG">Wiedereingliederung</option>
<option value="BS">Berufsschule</option>
<option value="KUR">Kur/Reha</option>
<option value="UF">unbez. Urlaub/Pflegezeit</option>
<option value="BF">bez. Freistellung</option>
<option value="SF">Schichtfrei</option>
<option value="PRO">Projekt</option>
</select>
</td>
<td><span id="selArt_3">...</span></td>
</tr>
<tr>
<td>Name, Vorname</td>
<td>000000</td>
<td>
<select name="atyp[7]" id="atyp[7]" class="form-control" required>
<option value="" selected>--- Bitte w&auml;hlen ---</option>
<option value="1">06:00 bis 14:12</option>
<option value="2">14:45 bis 22:57</option>
<option value="3">06:25 bis 14:37</option>
<option value="4">14:20 bis 22:32</option>
<option value="8">08:00 bis 16:12</option>
<option value="10">10:00 bis 18:12</option>
<option value="U">Urlaub</option>
<option value="FOBI">Fortbildung</option>
<option value="FF">Feiertagfrei</option>
<option value="KOA">Krank ohne Attest</option>
<option value="K">Krank mit Attest</option>
<option value="KK">Kind Krank</option>
<option value="AZK">Gleitzeitausgleich</option>
<option value="ÃœAZ">&Uuml;berstundenabbau</option>
<option value="BR">Betriebsrat</option>
<option value="SU">Sonderurlaub</option>
<option value="R">Dienstreise</option>
<option value="MS">Mutterschutz</option>
<option value="EZ">Erziehungsurlaub</option>
<option value="BT">Backup Trainer</option>
<option value="VT">Vertriebstrainer + Pate</option>
<option value="SA">Sonderaufgabe (z.B. UAT)</option>
<option value="WG">Wiedereingliederung</option>
<option value="BS">Berufsschule</option>
<option value="KUR">Kur/Reha</option>
<option value="UF">unbez. Urlaub/Pflegezeit</option>
<option value="BF">bez. Freistellung</option>
<option value="SF">Schichtfrei</option>
<option value="PRO">Projekt</option>
</select>
</td>
<td><span id="selArt_4">...</span></td>
</tr>
<tr>
<td>Name, Vorname</td>
<td>000000</td>
<td>
<select name="atyp[8]" id="atyp[8]" class="form-control" required>
<option value="" selected>--- Bitte w&auml;hlen ---</option>
<option value="1">06:00 bis 14:12</option>
<option value="2">14:45 bis 22:57</option>
<option value="3">06:25 bis 14:37</option>
<option value="4">14:20 bis 22:32</option>
<option value="8">08:00 bis 16:12</option>
<option value="10">10:00 bis 18:12</option>
<option value="U">Urlaub</option>
<option value="FOBI">Fortbildung</option>
<option value="FF">Feiertagfrei</option>
<option value="KOA">Krank ohne Attest</option>
<option value="K">Krank mit Attest</option>
<option value="KK">Kind Krank</option>
<option value="AZK">Gleitzeitausgleich</option>
<option value="ÃœAZ">&Uuml;berstundenabbau</option>
<option value="BR">Betriebsrat</option>
<option value="SU">Sonderurlaub</option>
<option value="R">Dienstreise</option>
<option value="MS">Mutterschutz</option>
<option value="EZ">Erziehungsurlaub</option>
<option value="BT">Backup Trainer</option>
<option value="VT">Vertriebstrainer + Pate</option>
<option value="SA">Sonderaufgabe (z.B. UAT)</option>
<option value="WG">Wiedereingliederung</option>
<option value="BS">Berufsschule</option>
<option value="KUR">Kur/Reha</option>
<option value="UF">unbez. Urlaub/Pflegezeit</option>
<option value="BF">bez. Freistellung</option>
<option value="SF">Schichtfrei</option>
<option value="PRO">Projekt</option>
</select>
</td>
<td><span id="selArt_5">...</span></td>
</tr>
<tr>
<td>Name, Vorname</td>
<td>000000</td>
<td>
<select name="atyp[10]" id="atyp[10]" class="form-control" required>
<option value="" selected>--- Bitte w&auml;hlen ---</option>
<option value="1">06:00 bis 14:12</option>
<option value="2">14:45 bis 22:57</option>
<option value="3">06:25 bis 14:37</option>
<option value="4">14:20 bis 22:32</option>
<option value="8">08:00 bis 16:12</option>
<option value="10">10:00 bis 18:12</option>
<option value="U">Urlaub</option>
<option value="FOBI">Fortbildung</option>
<option value="FF">Feiertagfrei</option>
<option value="KOA">Krank ohne Attest</option>
<option value="K">Krank mit Attest</option>
<option value="KK">Kind Krank</option>
<option value="AZK">Gleitzeitausgleich</option>
<option value="ÃœAZ">&Uuml;berstundenabbau</option>
<option value="BR">Betriebsrat</option>
<option value="SU">Sonderurlaub</option>
<option value="R">Dienstreise</option>
<option value="MS">Mutterschutz</option>
<option value="EZ">Erziehungsurlaub</option>
<option value="BT">Backup Trainer</option>
<option value="VT">Vertriebstrainer + Pate</option>
<option value="SA">Sonderaufgabe (z.B. UAT)</option>
<option value="WG">Wiedereingliederung</option>
<option value="BS">Berufsschule</option>
<option value="KUR">Kur/Reha</option>
<option value="UF">unbez. Urlaub/Pflegezeit</option>
<option value="BF">bez. Freistellung</option>
<option value="SF">Schichtfrei</option>
<option value="PRO">Projekt</option>
</select>
</td>
<td><span id="selArt_6">...</span></td>
</tr>
                    </tbody>
                    <tfoot>
                        <tr>
                            <th>Mitarbeiter:</th>
                            <th>Personalnummer:</th>
                            <th>Information:</th>
                            <th>K&uuml;rzel:</th>
                        </tr>
                    </tfoot>
                </table>
            </div>
            <div class="col-md-12">
                <input type="submit" class="btn btn-block btn-success" value="Absenden" name="sendDaily" id="sendDaily" />
            </div><br />
        </div>
    </form>

Unter selAll selektiere Ich alle anderen und befülle Sie entsprechend dann.
So erleichtere Ich mir die Arbeit, alle anderen Selectfelder manuell auszufüllen.

Ich hoffe man versteht, was Ich vorhabe.
Daher stehe Ich etwas auf dem Schlauch. :/

Mir geht es hauptsächlich um den JS-Part :)

[EDIT]:
Ich hatte oben den falschen JS-Part oO

Hier der richtige:
Code: 
$('#selAll').on('change', function() {
        var selThis = $(this).val();
        $('select').each(function(index) {
            $(this).val(selThis);
        });
    });
 
Zuletzt bearbeitet:
Jetzt habe ich mit dem HTML und dem jQuery eine Testseite gebaut:
Code: 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="style.css" type="text/css" />
    <link rel="icon" href="images/lllins.png">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <title>Microsoft</title>
</head>
<body>
    <form class="form-inline" action="" method="POST">
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="selDate"><i class="fa fa-calendar"></i> Datum:</label>
                    <input id="selDate" class="form-control" name="selDate" type="date" pattern="[0-9]{2,2}[.]{1,1}[0-9]{2,2}[.]{1,1}[0-9]{4,4}" max="30.01.2018" value="30.01.2018" required />
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label for="selAll"><i class="fa fa-check-square-o"></i> Alle:</label>
                    <select name="selAll" id="selAll" class="form-control">
                        <option value="" selected>--- Bitte w&auml;hlen ---</option>
                        <option value="1">06:00 bis 14:12</option>
                        <option value="2">14:45 bis 22:57</option>
                        <option value="3">06:25 bis 14:37</option>
                        <option value="4">14:20 bis 22:32</option>
                        <option value="8">08:00 bis 16:12</option>
                        <option value="10">10:00 bis 18:12</option>
                        <option value="U">Urlaub</option>
                        <option value="FOBI">Fortbildung</option>
                        <option value="FF">Feiertagfrei</option>
                        <option value="KOA">Krank ohne Attest</option>
                        <option value="K">Krank mit Attest</option>
                        <option value="KK">Kind Krank</option>
                        <option value="AZK">Gleitzeitausgleich</option>
                        <option value="ÃœAZ">&Uuml;berstundenabbau</option>
                        <option value="BR">Betriebsrat</option>
                        <option value="SU">Sonderurlaub</option>
                        <option value="R">Dienstreise</option>
                        <option value="MS">Mutterschutz</option>
                        <option value="EZ">Erziehungsurlaub</option>
                        <option value="BT">Backup Trainer</option>
                        <option value="VT">Vertriebstrainer + Pate</option>
                        <option value="SA">Sonderaufgabe (z.B. UAT)</option>
                        <option value="WG">Wiedereingliederung</option>
                        <option value="BS">Berufsschule</option>
                        <option value="KUR">Kur/Reha</option>
                        <option value="UF">unbez. Urlaub/Pflegezeit</option>
                        <option value="BF">bez. Freistellung</option>
                        <option value="SF">Schichtfrei</option>
                        <option value="PRO">Projekt</option>
                    </select>
                </div>
            </div>
        </div>
        <hr />
        <div class="row">
            <div class="col-md-12">
                <table class="table table-striped table-hover">
                    <thead>
                        <tr>
                            <th>Mitarbeiter:</th>
                            <th>Personalnummer:</th>
                            <th>Information:</th>
                            <th>K&uuml;rzel:</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Name, Vorname</td>
                            <td>000000</td>
                            <td>
                                <select name="atyp[1]" id="atyp[1]" class="form-control" required>
                                    <option value="" selected>--- Bitte w&auml;hlen ---</option>
                                    <option value="1">06:00 bis 14:12</option>
                                    <option value="2">14:45 bis 22:57</option>
                                    <option value="3">06:25 bis 14:37</option>
                                    <option value="4">14:20 bis 22:32</option>
                                    <option value="8">08:00 bis 16:12</option>
                                    <option value="10">10:00 bis 18:12</option>
                                    <option value="U">Urlaub</option>
                                    <option value="FOBI">Fortbildung</option>
                                    <option value="FF">Feiertagfrei</option>
                                    <option value="KOA">Krank ohne Attest</option>
                                    <option value="K">Krank mit Attest</option>
                                    <option value="KK">Kind Krank</option>
                                    <option value="AZK">Gleitzeitausgleich</option>
                                    <option value="ÃœAZ">&Uuml;berstundenabbau</option>
                                    <option value="BR">Betriebsrat</option>
                                    <option value="SU">Sonderurlaub</option>
                                    <option value="R">Dienstreise</option>
                                    <option value="MS">Mutterschutz</option>
                                    <option value="EZ">Erziehungsurlaub</option>
                                    <option value="BT">Backup Trainer</option>
                                    <option value="VT">Vertriebstrainer + Pate</option>
                                    <option value="SA">Sonderaufgabe (z.B. UAT)</option>
                                    <option value="WG">Wiedereingliederung</option>
                                    <option value="BS">Berufsschule</option>
                                    <option value="KUR">Kur/Reha</option>
                                    <option value="UF">unbez. Urlaub/Pflegezeit</option>
                                    <option value="BF">bez. Freistellung</option>
                                    <option value="SF">Schichtfrei</option>
                                    <option value="PRO">Projekt</option>
                                </select>
                            </td>
                            <td><span id="selArt_1">...</span></td>
                        </tr>
                        <tr>
                            <td>Name, Vorname</td>
                            <td>000000</td>
                            <td>
                                <select name="atyp[2]" id="atyp[2]" class="form-control" required>
                                    <option value="" selected>--- Bitte w&auml;hlen ---</option>
                                    <option value="1">06:00 bis 14:12</option>
                                    <option value="2">14:45 bis 22:57</option>
                                    <option value="3">06:25 bis 14:37</option>
                                    <option value="4">14:20 bis 22:32</option>
                                    <option value="8">08:00 bis 16:12</option>
                                    <option value="10">10:00 bis 18:12</option>
                                    <option value="U">Urlaub</option>
                                    <option value="FOBI">Fortbildung</option>
                                    <option value="FF">Feiertagfrei</option>
                                    <option value="KOA">Krank ohne Attest</option>
                                    <option value="K">Krank mit Attest</option>
                                    <option value="KK">Kind Krank</option>
                                    <option value="AZK">Gleitzeitausgleich</option>
                                    <option value="ÃœAZ">&Uuml;berstundenabbau</option>
                                    <option value="BR">Betriebsrat</option>
                                    <option value="SU">Sonderurlaub</option>
                                    <option value="R">Dienstreise</option>
                                    <option value="MS">Mutterschutz</option>
                                    <option value="EZ">Erziehungsurlaub</option>
                                    <option value="BT">Backup Trainer</option>
                                    <option value="VT">Vertriebstrainer + Pate</option>
                                    <option value="SA">Sonderaufgabe (z.B. UAT)</option>
                                    <option value="WG">Wiedereingliederung</option>
                                    <option value="BS">Berufsschule</option>
                                    <option value="KUR">Kur/Reha</option>
                                    <option value="UF">unbez. Urlaub/Pflegezeit</option>
                                    <option value="BF">bez. Freistellung</option>
                                    <option value="SF">Schichtfrei</option>
                                    <option value="PRO">Projekt</option>
                                </select>
                            </td>
                            <td><span id="selArt_2">...</span></td>
                        </tr>
                        <tr>
                            <td>Name, Vorname</td>
                            <td>000000</td>
                            <td>
                                <select name="atyp[6]" id="atyp[6]" class="form-control" required>
                                    <option value="" selected>--- Bitte w&auml;hlen ---</option>
                                    <option value="1">06:00 bis 14:12</option>
                                    <option value="2">14:45 bis 22:57</option>
                                    <option value="3">06:25 bis 14:37</option>
                                    <option value="4">14:20 bis 22:32</option>
                                    <option value="8">08:00 bis 16:12</option>
                                    <option value="10">10:00 bis 18:12</option>
                                    <option value="U">Urlaub</option>
                                    <option value="FOBI">Fortbildung</option>
                                    <option value="FF">Feiertagfrei</option>
                                    <option value="KOA">Krank ohne Attest</option>
                                    <option value="K">Krank mit Attest</option>
                                    <option value="KK">Kind Krank</option>
                                    <option value="AZK">Gleitzeitausgleich</option>
                                    <option value="ÃœAZ">&Uuml;berstundenabbau</option>
                                    <option value="BR">Betriebsrat</option>
                                    <option value="SU">Sonderurlaub</option>
                                    <option value="R">Dienstreise</option>
                                    <option value="MS">Mutterschutz</option>
                                    <option value="EZ">Erziehungsurlaub</option>
                                    <option value="BT">Backup Trainer</option>
                                    <option value="VT">Vertriebstrainer + Pate</option>
                                    <option value="SA">Sonderaufgabe (z.B. UAT)</option>
                                    <option value="WG">Wiedereingliederung</option>
                                    <option value="BS">Berufsschule</option>
                                    <option value="KUR">Kur/Reha</option>
                                    <option value="UF">unbez. Urlaub/Pflegezeit</option>
                                    <option value="BF">bez. Freistellung</option>
                                    <option value="SF">Schichtfrei</option>
                                    <option value="PRO">Projekt</option>
                                </select>
                            </td>
                            <td><span id="selArt_3">...</span></td>
                        </tr>
                        <tr>
                            <td>Name, Vorname</td>
                            <td>000000</td>
                            <td>
                                <select name="atyp[7]" id="atyp[7]" class="form-control" required>
                                    <option value="" selected>--- Bitte w&auml;hlen ---</option>
                                    <option value="1">06:00 bis 14:12</option>
                                    <option value="2">14:45 bis 22:57</option>
                                    <option value="3">06:25 bis 14:37</option>
                                    <option value="4">14:20 bis 22:32</option>
                                    <option value="8">08:00 bis 16:12</option>
                                    <option value="10">10:00 bis 18:12</option>
                                    <option value="U">Urlaub</option>
                                    <option value="FOBI">Fortbildung</option>
                                    <option value="FF">Feiertagfrei</option>
                                    <option value="KOA">Krank ohne Attest</option>
                                    <option value="K">Krank mit Attest</option>
                                    <option value="KK">Kind Krank</option>
                                    <option value="AZK">Gleitzeitausgleich</option>
                                    <option value="ÃœAZ">&Uuml;berstundenabbau</option>
                                    <option value="BR">Betriebsrat</option>
                                    <option value="SU">Sonderurlaub</option>
                                    <option value="R">Dienstreise</option>
                                    <option value="MS">Mutterschutz</option>
                                    <option value="EZ">Erziehungsurlaub</option>
                                    <option value="BT">Backup Trainer</option>
                                    <option value="VT">Vertriebstrainer + Pate</option>
                                    <option value="SA">Sonderaufgabe (z.B. UAT)</option>
                                    <option value="WG">Wiedereingliederung</option>
                                    <option value="BS">Berufsschule</option>
                                    <option value="KUR">Kur/Reha</option>
                                    <option value="UF">unbez. Urlaub/Pflegezeit</option>
                                    <option value="BF">bez. Freistellung</option>
                                    <option value="SF">Schichtfrei</option>
                                    <option value="PRO">Projekt</option>
                                </select>
                            </td>
                            <td><span id="selArt_4">...</span></td>
                        </tr>
                        <tr>
                            <td>Name, Vorname</td>
                            <td>000000</td>
                            <td>
                                <select name="atyp[8]" id="atyp[8]" class="form-control" required>
                                    <option value="" selected>--- Bitte w&auml;hlen ---</option>
                                    <option value="1">06:00 bis 14:12</option>
                                    <option value="2">14:45 bis 22:57</option>
                                    <option value="3">06:25 bis 14:37</option>
                                    <option value="4">14:20 bis 22:32</option>
                                    <option value="8">08:00 bis 16:12</option>
                                    <option value="10">10:00 bis 18:12</option>
                                    <option value="U">Urlaub</option>
                                    <option value="FOBI">Fortbildung</option>
                                    <option value="FF">Feiertagfrei</option>
                                    <option value="KOA">Krank ohne Attest</option>
                                    <option value="K">Krank mit Attest</option>
                                    <option value="KK">Kind Krank</option>
                                    <option value="AZK">Gleitzeitausgleich</option>
                                    <option value="ÃœAZ">&Uuml;berstundenabbau</option>
                                    <option value="BR">Betriebsrat</option>
                                    <option value="SU">Sonderurlaub</option>
                                    <option value="R">Dienstreise</option>
                                    <option value="MS">Mutterschutz</option>
                                    <option value="EZ">Erziehungsurlaub</option>
                                    <option value="BT">Backup Trainer</option>
                                    <option value="VT">Vertriebstrainer + Pate</option>
                                    <option value="SA">Sonderaufgabe (z.B. UAT)</option>
                                    <option value="WG">Wiedereingliederung</option>
                                    <option value="BS">Berufsschule</option>
                                    <option value="KUR">Kur/Reha</option>
                                    <option value="UF">unbez. Urlaub/Pflegezeit</option>
                                    <option value="BF">bez. Freistellung</option>
                                    <option value="SF">Schichtfrei</option>
                                    <option value="PRO">Projekt</option>
                                </select>
                            </td>
                            <td><span id="selArt_5">...</span></td>
                        </tr>
                        <tr>
                            <td>Name, Vorname</td>
                            <td>000000</td>
                            <td>
                                <select name="atyp[10]" id="atyp[10]" class="form-control" required>
                                    <option value="" selected>--- Bitte w&auml;hlen ---</option>
                                    <option value="1">06:00 bis 14:12</option>
                                    <option value="2">14:45 bis 22:57</option>
                                    <option value="3">06:25 bis 14:37</option>
                                    <option value="4">14:20 bis 22:32</option>
                                    <option value="8">08:00 bis 16:12</option>
                                    <option value="10">10:00 bis 18:12</option>
                                    <option value="U">Urlaub</option>
                                    <option value="FOBI">Fortbildung</option>
                                    <option value="FF">Feiertagfrei</option>
                                    <option value="KOA">Krank ohne Attest</option>
                                    <option value="K">Krank mit Attest</option>
                                    <option value="KK">Kind Krank</option>
                                    <option value="AZK">Gleitzeitausgleich</option>
                                    <option value="ÃœAZ">&Uuml;berstundenabbau</option>
                                    <option value="BR">Betriebsrat</option>
                                    <option value="SU">Sonderurlaub</option>
                                    <option value="R">Dienstreise</option>
                                    <option value="MS">Mutterschutz</option>
                                    <option value="EZ">Erziehungsurlaub</option>
                                    <option value="BT">Backup Trainer</option>
                                    <option value="VT">Vertriebstrainer + Pate</option>
                                    <option value="SA">Sonderaufgabe (z.B. UAT)</option>
                                    <option value="WG">Wiedereingliederung</option>
                                    <option value="BS">Berufsschule</option>
                                    <option value="KUR">Kur/Reha</option>
                                    <option value="UF">unbez. Urlaub/Pflegezeit</option>
                                    <option value="BF">bez. Freistellung</option>
                                    <option value="SF">Schichtfrei</option>
                                    <option value="PRO">Projekt</option>
                                </select>
                            </td>
                            <td><span id="selArt_6">...</span></td>
                        </tr>
                    </tbody>
                    <tfoot>
                        <tr>
                            <th>Mitarbeiter:</th>
                            <th>Personalnummer:</th>
                            <th>Information:</th>
                            <th>K&uuml;rzel:</th>
                        </tr>
                    </tfoot>
                </table>
            </div>
            <div class="col-md-12">
                <input type="submit" class="btn btn-block btn-success" value="Absenden" name="sendDaily" id="sendDaily" />
            </div><br />
        </div>
        <script>
            $('select').each(function (index) {
                var selArt = $('#selArt_' + index + '');
                //console.log( index + ": " + $( this ).val() );
                $(this).on('change', function () {
                    console.log(index + ": " + $(this).val());
                    console.log(selArt.html());
                });
            });

        </script>
    </form>
</body>
</html>
Damit funktioniert das onchange für die selects in der Tabelle. Ein Fehler kommt nur, wenn ich in dem select "Alle" etwas ändere, was auch plausibel ist, s. o.
 
Ich hatte oben den falschen JS-Part oO

Hier der richtige:
Code (Javascript):
  1. $('#selAll').on('change', function() {
  2. var selThis = $(this).val();
  3. $('select').each(function(index) {
  4. $(this).val(selThis);
  5. });
  6. });
Zum Vergrößern anklicken....
Sehe ich jetzt erst. Wenn ich dieses jQuery verwende, funktioniert es für das "Alle"-Select einwandfrei?
 
So funktioniert beides: Das Kürzel wird gesetzt wenn man in der Tabelle etwas auswählt oder bei "Alle":

Code: 
            $('#selAll').on('change', function () {
                var selThis = $(this).val();
                $('table select').each(function (index) {
                    $(this).val(selThis).trigger("change");
                });
            });
            $('table select').each(function (index) {
                var selArt = $('#selArt_' + (index + 1) + '');
                //console.log( index + ": " + $( this ).val() );
                $(this).on('change', function () {
                    selArt.text($(this).val());
                    console.log(index + ": " + $(this).val());
                    console.log(selArt.html());
                });
            });
 
Habe Ich nun mal gemacht.
Nun fehlt nur noch die Zuweisung an Kürzel unter "<span>" :)

Meine JS:
Code: 
    $('#selAll').on('change', function() {
        var selThis = $(this).val();
        if(selThis == "-1") {
            var p = confirm("Sollen alle Felder zur" + unescape("%FC") + "ckgesetzt werden?");
            if(p === true) {
                $('table select').each(function(index) {
                    $(this).val(selThis).trigger("change");
                });
            } else return false;
        } else {
            $('table select').each(function(index) {
                $(this).val(selThis).trigger("change");
            });
        }
    });
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück