0

Из базы данных генерируется html-таблица с такими же полями. При нажатии на строку таблицы в javascript меняется её цвет (становится активной). А под таблицей есть кнопка удалить, которая должна удалять выделенную строку из html-таблицы, и БД (достаточно удалить из БД, а из html она удалится при регенерации). Вопрос, как мне удалить выделенную строку? Ведь таблицу не обернёшь в form.введите сюда описание изображения

0

2 ответа 2

2

$("tr").click(function() {
  let index = $(this).data("id")
  $.ajax({
    url: //link к базе данных на удаление
  })
  $(this).remove()
})
td {
  border: 1px solid black;
  width: 50px;
  cursor: pointer;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr data-id="индекс в базе">
    <td>1</td>
    <td>aaa</td>
  </tr>
  <tr>
    <td>2</td>
    <td>bbb</td>
  </tr>
  <tr>
    <td>3</td>
    <td>ccc</td>
  </tr>
  <tr>
    <td>4</td>
    <td>ddd</td>
  </tr>
  <tr>
    <td>5</td>
    <td>eee</td>
  </tr>
</table>

4
  • из базы нужно удалить, так я тоже могу
    – Маша
    9 дек 2017 в 12:26
  • @Маша ))) а не понял вопроса...))
    – C.Raf.T
    9 дек 2017 в 12:27
  • @Маша исправил.. как-то так..)
    – C.Raf.T
    9 дек 2017 в 12:32
  • спасибо, завтра буду разбираться. А сейчас спать.
    – Маша
    9 дек 2017 в 12:34
0

Можно так: около кнопки добавить скрытое поле

<input type="hidden" name="rowId" value="" id="rowId" />

При клике на строку таблицы обновлять value этого поля. Как-нибудь так, или отдельно вынести, неважно:

<tr id="1" onclick="document.getElementById('rowId').value = this.getAttribute('id')">

А при отправке формы смотреть это поле и удалять нужную строку в базе.

5
  • Благодарю. Так быстро отвечают на этом форуме. Что вас мотивирует?
    – Маша
    9 дек 2017 в 12:35
  • В процессе ответа часто случается, что сам узнаешь что-то новое. Для самообучения =). Если ответ помог, отметьте галочкой ) Вариант C.Raf.T с использованием Ajax вообще, наверное, лучше, но это если Вы будете разбираться с этим Ajax. А дело стоящее, такие вещи без перезагрузки страницы смотрятся приянтее, конечно. 9 дек 2017 в 12:39
  • только один можно галочкой отметить?
    – Маша
    9 дек 2017 в 12:40
  • вот честно говоря, не знаю. По идее да, один. 9 дек 2017 в 12:41
  • завтра проверю оба способа, и отмечу
    – Маша
    9 дек 2017 в 12:43

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.