从同一页面中的多个时钟选择器获取数据

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>";
}

而且我在一个 php 文件的顶部有一个 clockpicker 脚本：

<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 ?>";

我确实得到了时间，但它只是来自第一个时钟选择器。第二个 returns 没什么，因为它是动态的。我从循环 while.

中得到 $order_number

如何将正确的变量从多个时钟选择器传递给 javascript？

Answer 1

我可以添加属性数据详细信息，然后 get/pass 使用 $().attr('data-details') 的值，有很多方法可以解决这个问题

从同一页面中的多个时钟选择器获取数据

get data from multiple clockpickers in the same page

javascript

php

jquery

clockpicker