Получить данные от нескольких часовщиков на одной странице

Question

У меня есть карты на моей странице php. Эти карты из моего sql. Страница выглядит так:

$getsql = "SELECT * FROM 2dopuzzler ORDER BY tableid";
$itsresult = $conn->query($getsql);

// Good one...
$current_cat = null;
while($row = $itsresult->fetch_assoc()) {   
    if ($row["tableid"] != $current_cat) {
        if ($current_cat) { // end previous card
            echo "</div></div></div></div>";
        }
        $current_cat = $row["tableid"]; // Table Number
        $timein = $row["timein"]; // Placing Order Time
        // PRINT THE ORDER CARD
        echo "<div class='col s12 m6 l3'>";
        echo "<div class='card'>";
        echo "<div class='card-content '>";
        echo "<div class='row'>";

        echo " <div class='clearfix'><div class='input-group clockpicker-with-callbacks'> 
             <input id='attime' type='text' class='form-control' value=".$row['attime'].">
             <span class='input-group-addon'><span class='glyphicon glyphicon-time'></span></span>
        </div>
        </div>";
        echo "<div class='col s12 m4 l4 card-wtime'> <i class='tiny material-icons'>add</i><span class='card-wtimetext'>$timein</span> </div>";
        echo "<div class='col s12 m4 l4'>   <a class='  card-nday waves-effect waves-light red'> <span class='card-ndaytext'>$current_cat</span> </a></div>";
        echo "<div class='col s12 m4 l4 card-alldone-btn'> <i class='medium material-icons'>check</i> </div>";
        echo "</div>";
        echo "<div class='row'>";
    } 
    echo "<div class='card-line'>";
    echo " -- ". $row["itemdesc"]." <span class='card-line-q'> ". $row["qty"] . "</span>";
    echo "</div>";
}
if ($current_cat) { // end last card
    echo "</div></div></div></div>";
}

И у меня есть скрипт Clockpicker в верхней части одного файла PHP:

<script type="text/javascript">
$('.clockpicker-with-callbacks').clockpicker({
        donetext: 'Done',
        afterDone: function() {
        var attime = $('#attime').val();
        var order_num = "<?php echo $order_number ?>";

        console.log(attime, order_num);
        $.post( "2_settime.php", { 
            attime: attime, order_num: order_num
        })

        }
    })
</script>

Эти две строки вроде правильные:var attime = $('#attime').val();var order_num = "<?php echo $order_number ?>";

Я получаю время, но это только с первого часовщика. Второй не возвращает ничего, потому что он динамический. Я получаю $ order_number из цикла while,

Как я могу передать правильные переменные в javascript от нескольких часовщиков?

Answer 1

Я мог бы добавить атрибут data-details, а затем получить / передать это значение, используя $(). Attr('data-details'), множество способов справиться с этим.