Question

我有一个问题，我真的希望你能帮我解决这个问题..这是我的UI中的代码，我想将这些数据传递给我的模态。

事情是这个代码工作了，它将数据传递给模态，但数据不能超载，我不知道为什么。

我已经在做循环，但我猜数据没有被覆盖..

<?php $this->load->view('popups/categoryPopups'); 
    foreach ($categories as $category) : ?>
    <tr>
        <th><?php echo $category['cat_name']; ?></th>
        <th><ul>
            <li><a href="<?php echo site_url('/categories/items/' .$category['cat_id']); ?>">Items</a></li>
            <li><button id="rename"
                data-id="<?php echo $category['cat_id']; ?>" 
                data-name="<?php echo $category['cat_name']; ?>" 
                data-toggle="modal" data-target="#rename_cat_modal">Rename
            </button></li>
            <li><a href="<?php echo site_url('/categories/hide/'. $category['cat_id']); ?>" class="btn btn-warning">Remove</a></li>
            </ul>
        </th>
    </tr>
<?php endforeach; ?>

这是我的javascript

<script type="text/javascript"> 
    $(document).ready(function(){ 
        $("#rename").click(function(){
            var cat_id = $("#rename").data('id');
            var cat_name = $("#rename").data('name');
            $("#catName").val( cat_name );
        }); 
    }); 
</script>

这是我的模态

<div class="modal fade" id="rename_cat_modal">
    <?php echo form_open('categories/rename_cat'); ?>
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title"><b>Rename Category</b></h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                     <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label style="padding-left: 5px;"><b>Enter New Name</b></label>
                    <input type="text" class="form-control" name="cat_name" id="catName" value="">
                </div>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">Submit</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
    </form>
</div>

Answer 1

您好我认为我已经对您的代码进行了更改尝试此操作。

<?php $this->load->view('popups/categoryPopups'); 
foreach ($categories as $category) : ?>
<tr>
    <th><?php echo $category['cat_name']; ?></th>
    <th><ul>
        <li><a href="<?php echo site_url('/categories/items/' 
         .$category['cat_id']); ?>">Items</a></li>
        <li><button class="rename"
            data-id="<?php echo $category['cat_id']; ?>" 
            data-name="<?php echo $category['cat_name']; ?>" 
            data-toggle="modal" data-target="#rename_cat_modal">Rename
        </button></li>
        <li><a href="<?php echo site_url('/categories/hide/'. 
            $category['cat_id']); ?>" class="btn btn-
           warning">Remove</a></li>
        </ul>
     </th>
      </tr>
  <?php endforeach; ?>


 changes in your jquery 

<script type="text/javascript"> 
$(document).ready(function(){ 
    $(".rename").click(function(){
        var cat_id = $("this).data('id');
        var cat_name = $(this).data('name');
        $("#catName").val( cat_name );
    }); 
}); 
</script>

它应该工作。使用class而不是id，因为有很多行，id用于特定元素

如何覆盖数据

1 个答案: