Как заполнить ячейки TD в таблице в модальном окне?

Есть таблица с данными. При двойном клике по какой либо строке открывается модальное окно, в котором таблица должна заполниться данными из строки.
Была аналогичная задача со скриптом заполнения данными из таблицы инпутов в модальном окне. Попытался применить скрипт для заполнения TD ячеек таблицы в модальном окне. Заменил инпуты на td. Не получилось.
  • Вопрос задан
  • 354 просмотра
Решения вопроса 1
@fixeri
У td нет функции val().
и селектор не правильно был указан.
td[id=decl] -> tr #decl

"use strict";

    //Заполнение таблицы в модальном окне
    $(document).ready(function() {

      $(".tckttbl").dblclick(function() {
        clear_modal(); //Очистка можно так же циклом, принцип показал ниже
        var col_arr = []; //Иницализация масива
        var rowData = $(this).children(); //Получаем кучу <td> из тега <tr>

        for (var i = 0; i < $(this).children().length; i++) {
          //Засовываем значения в масив для более удобной работы с ними
          col_arr.push($(rowData[i]).text());
        }

        console.log(col_arr); //Выводит значения стобцов

        // for (var i = 0; i <= col_arr.length; i++) {
        //     //Вместо имени можешь использовать data тэг и радоваться жизни
        //     $('input[name=col_' + (Number(i) + 1) + ']').val(col_arr[i]);
        // }

        // Или так если не динамическая таблица
        $('tr #decl').text(col_arr[0]);
        $('tr #exec').text(col_arr[1]);
        $('tr #stag').text(col_arr[2]);

        $("#idModalView").modal('show');
      });


      function clear_modal() { // Очистка модального окна
        $('td[id=decl]').val("");
        $('td[id=exec]').val("");
        $('td[id=stag]').val("");
      }
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы