来自多个

时间:2018-06-06 19:23:05

标签: javascript html jquery-ui-draggable jquery-ui-droppable

如何从中选择数据?

<tr>
    <th>Monday</th>
    <td class="drop" name="mon-1">
       <td class="item assigned"> -- DATA --</td>
    </td>
    <td class="drop" name="mon-2"></td>
    <td class="drop" name="mon-3"></td>
</tr>

我需要一些从mon-1 中选择数据作为字符串

我用POST方法发送所有内容。

<script>
        $(function(){
            $('.subjects .item').draggable({
                revert:true,
                proxy:'clone'
            });
            $('.timetable td.drop').droppable({
                onDrop: function(e,source) {
                    if ($(source).hasClass('assigned')){
                        $(this).append(source);
                    } else {
                        var c = $(source).clone().addClass('assigned');
                        $(this).empty().append(c);
                        c.draggable({
                            revert:true
                        });
                    }
                }
            });
            $('.subjects').droppable({
                accept:'.assigned',

                onDragEnter: function(e, source){
                    $(source).addClass('delete');
                },
                onDragLeave: function(e, source){
                    $(source).removeClass('delete');
                },
                onDrop: function(e, source){
                    $(source).remove();
                }
            });
        });
    </script>

<table>
                <tr>
                    <?php
                        foreach($subjects as $subject) {
                    ?>
                        <td class="item">
                            <?php echo($subject["name"]); ?>
                        </td>   
                    <?php
                        }
                    ?>
                </tr>
            </table>

所以我将一些.item拖放到某些.drop。

我需要从.drop发送数据库数据。

所以我需要选择mon-1并从里面加载数据。

0 个答案:

没有答案