Wie man Daten überschreibt

Question

Ich habe ein Problem, und ich wünschte wirklich, dass Sie mir mit diesem .. helfen konnten. $ Das ist mein Code in meinem UI und ich möchte irgendwie diese Daten an mein Modal weitergeben.

Das Ding ist dieser Code funktioniert, es hat die Daten an die modale übergeben, aber die Daten können nicht überfahren werden und ich weiß nicht warum.

ich schon die Schleife mache, aber ich denke, die Daten nicht überschreiben wird ..

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

Dies ist mein 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> 

und das ist mein modal

<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

Hallo ich denke, ich habe Änderungen in Ihrem Code vorgenommen, dies zu versuchen.

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

sollte es .use Klasse statt id arbeiten, da es viele Zeilen sind und id für spezifisches Element verwendet wird