Как отправить данные переключателя в базу данных из всплывающего окна при нажатии кнопки

Я новичок в php html. В моем приложении есть кнопка и href. Я хочу сделать всплывающее окно с кнопкой и 3 переключателя внутри него. Я хочу обновить данные в базе данных с помощью переключателя без кнопки отправки. Но я не могу открыть popover.href, который используется для модального открытия и просмотра данных.

Я хочу, чтобы при нажатии этой кнопки появилось всплывающее окно, и данные переключателя попадают в базу данных mysql, но я не могу этого сделать. Я хочу как модальный, так и всплывающий. Как я могу это сделать?

$('#exampleModal').on('show.bs.modal', function(event) {
  var button = $(event.relatedTarget) // Button that triggered the modal
  var recipient = button.data('whatever') // Extract info from data-* attributes
  var modal = $(this);
  var dataString = 'bclassid=' + recipient;
  $.ajax({
    type: "GET",
    url: "editdata.php",
    data: dataString,
    cache: false,
    success: function(data) {
      console.info(data);
      modal.find('.dash').html(data);
    },
    error: function(err) {
      console.info(err);
    }
  });
})
<div class = "dataTable_wrapper">
  <table class = "table table-striped table-bordered table-hover" id = "dataTables-example">
    <thead>
      <tr style = "background-color: #d7ccc8;">

        <th>CLASS</th>

        <th>OPTION</th>
      </tr>
    </thead>
    <tbody>
      <?php
        $result=mysqli_query($conn,"select bclassid,bclassname,status from bclassinfo");
        while($row = mysqli_fetch_array($result)) {
          echo "<tr class='odd gradeX'>";
          echo "<td align=center><a href='#myModal' data-whatever = " . $row[0] ."  data-toggle='modal' data-target='#exampleModal '>" .  $row[1] . "</a></td>";
          echo "<td><a class='btn btn-small btn-primary'">Edit</a></td>";//button to open popover with three radio button
          echo "</tr>";
            }
          ?>
    </tbody>
  </table>
</div>


<!-- Custom Theme JavaScript -->
<script src = "../../dist/js/sb-admin-2.js"></script>
<script src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity = "sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin = "anonymous"></script>

Я хочу сделать всплывающее окно с некоторым переключателем. Я попробовал какой-то код. Без модального режима его работа, но модальный и всплывающий не работают.

Arpan Sarkar 22.05.2018 08:27

Может помочь: jsfiddle.net/apougher/rjRwV

Karlo Kokkak 22.05.2018 08:32

Я хочу href также с этой кнопкой. Я хочу, чтобы оба запускались на одной странице

Arpan Sarkar 22.05.2018 17:05

Просто прикрепите свой тег к всплывающему окну, используя атрибут id тега.

Karlo Kokkak 23.05.2018 03:26

Так же, как и с кнопкой.

Karlo Kokkak 23.05.2018 03:35

нет ... Это не работает в моем коде ... попробуйте это.

Arpan Sarkar 23.05.2018 09:13

см. мой код href .. Я получаю данные с использованием идентификатора от href до моего модального окна. Я хочу, чтобы кнопка справа от href открывала другое всплывающее окно с 3 переключателями и этим идентификатором.

Arpan Sarkar 23.05.2018 09:25
getbootstrap.com/docs/4.1/components/popovers
Karlo Kokkak 23.05.2018 11:17
jsfiddle.net/9g48qpo7
Karlo Kokkak 23.05.2018 15:24
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
9
66
0

Другие вопросы по теме