✔ undefined....Fehler

[dragonfly77]

Ich möchte ein live Update in einer Tabelle vornehmen welche zuvor LIVE wurde.

Die Meldung: ID ist undefined!

Dazu habe ich folgendes JS:

$(document).ready(function()
{
   // $(".edit_tr").click(function()
    $(document).on('click', '.edit_tr', function() {
   // {
    var ID = $(this).attr('id');
  
    $("#label_"+ID).hide();
    $("#pen_"+ID).hide();
    $("#input_"+ID).show();
    }).change(function()
    {
    var ID = $(this).attr('id');
    var IID = document.getElementById("iid").value;
    var data=$("#input_"+ID).val();
    var dataString = 'id=' + IID + '&field=' + ID + '&value=' + data;
  
    alert("GUT!" + ID);
    $.ajax({
        type: "POST",
        url: "updateNames.php",
        data: dataString,
        cache: false,
        success: function(html)
        {
        $("#label_"+ID).html(data);
        //document.getElementById("pen_"+ID).src="img/dotOK.png";
       //document.getElementById("pen_"+ID).width="16";
      
        },
        error: function(data)
        {
        alert("Es ist ein Fehler aufgetreten!" + dataString);
        }
    });
    });

    // Klick innerhalb des Labels
    $(".editbox2").mouseup(function()
    {
    return false
    });
    // Klick auserhalb des Inputfeldes
    $(document).mouseup(function()
    {
    $(".editbox2").hide();
    $(".text2").show();
    $(".pen").show();
    });
});

HTML:

<table class="edit_tab" id="edit_tab">
                        <input type="hidden" value="<?php echo $row[0]; ?>" id="iid" />
                                  
                        <tr class="edit_tr odd" id="name">
                            <td>Name:</td>
                            <td>
                              <span id="label_name" class="text2">
                                  <?php echo $row[3]; ?>
                              </span>
                              <input type="text" value="<?php echo $row[3]; ?>" class="editbox2 form-control" id="input_name" style="display: none;" />
                            </td>
                            <td class="edit_pen">
                                  <img src="../assets/img/pen.png" class="pen" id="pen_name" />
                            </td>
                        </tr>


                        <tr class="edit_tr" id="nummer">
                            <td>Nummer:</td>
                            <td>
                              <span id="label_nummer" class="text2">
                                  <?php echo $row[2]; ?>
                              </span>
                                  <input type="text" value="<?php echo $row[2]; ?>" class="editbox2 form-control" id="input_nummer" style="display: none;"/>
                            </td>
                            <td class="edit_pen">
                                  <img src="../assets/img/pen.png" class="pen" id="pen_nummer" />
                            </td>
                        </tr>
         </table>

 

[Hyper Lord]

hi aender mal mal

$(document).on('click', '.edit_tr', function() {
   // zu
$('.edit_tr').on('click', function() {

das this bezieht sich sonst auf document...

var ID = $(this).attr('id');

http://api.jquery.com/on/

Gruss Hyper

 

[dragonfly77]

Hallo,

dann wird das script gar nicht ausgeführt.

 

[dragonfly77]

Es lag an daran:

}).change(function()
{

wenn ich das weglasse dann gehts!

 

[Hyper Lord]

also ich habe es so wie ich gesagt hatte bei mir debuged.. ?
halt stark gekuerzt,

aber es sollten beide varianten ohne .onChange mòglich sein, das event wird ja bis zum angegebenen
gebubblet, die onChange() geht nur mit input usw.
also $(dein hiiden input).onChange();