Nano Hash - криптовалюты, майнинг, программирование

Как получить данные с несколькими флажками jquery show modal bootstrap

Я хочу показать флажок «Множественный выбор данных» и показать данные из базы данных в модальной начальной загрузке?

индекс (PHP)

Код JavaScript

<script type="text/javascript">
$(document).ready(function()
{
    $("#btnDetail").click(function()
    {
        $('#modalForm').modal('show').on('shown.bs.modal',function()
        {
            var data = $("#data").val();
            $.post('page/user/detail_user.php',
            {
                id_data:$(this).attr(data)
            },
            function()
            {
                $('.modal-body').html(data);
            });
        });     
    });
});
</script>

Пользователь данных

<table width="100%" border="1">
    <tbody>
        <tr>
          <td width="3%" align="center">&nbsp;</td>
          <td width="97%" align="center">NAME</td>
        </tr>
        <?php
        $qry = mysql_query("SELECT * FROM t_users");
        while($data = mysql_fetch_array($qry))
        {
        ?>
            <tr>
              <td align="center"><input type="checkbox" name="data[]" id="data[]" value='<?php echo $data['id']?>'></td>
              <td><?php echo $data['name']?></td>
            </tr>
        <?php
        }
        ?>
    </tbody>
</table>
<button id='btnDetail' name='btnDetail'>Detail User</button>

Модальный

<div class="modal fade" id="modalForm" name='modalForm' tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title blue" id="myModalLabel"></h4>
            </div>
            <div class="modal-body">
            </div>
            <div class="modal-footer">
            </div>
        </div>
    </div>
</div>

Подробная информация о пользователе (PHP)

<?php
 $id = $_POST['id_data'];

$qry = mysql_query("SELECT * FROM t_users WHERE id='$id'");
while($data = mysql_fetch_array($qry))
{
?>
<table width="100%" border="1">
  <tbody>
    <tr>
        <th colspan='3'>
            Detail Data Users
        </th>
    </tr>
    <tr>
      <td>ID</td>
      <td>NAME</td>
      <td>STATUS</td>
    </tr>
    <tr>
      <td><?php echo $data['id']?></td>
      <td><?php echo $data['name']?></td>
      <td><?php echo $data['status']?></td>
    </tr>
  </tbody>
</table>

<?php
}
?>

Сценарий:
Когда кнопка «Подробно о пользователе» нажата, запустите Jquery и установите флажок, а затем отправьте в модальный бутстрап, затем опубликуйте из jquery код запуска php, чтобы отобразить данные результатов из базы данных в модальном бутстрапе.


  • Не могли бы вы просто подвести итог, указав, что работает, а что нет. Я почти уверен, что знаю, чего вы хотите, но ради людей, которые помогают другим, рекомендуется иметь (если возможно) четко определенный вопрос. 14.05.2016
  • Спасибо за вашу помощь, мой вопрос заключается в том, как отображать данные из базы данных в модальный бутстрап при выбранном флажке? Спасибо 14.05.2016

Ответы:


1

Вот советы по устранению проблемы:

  1. ID в HTML должен быть уникальным. (Не как идентификатор «данные []» для всех флажков)
  2. this является контекстным. Итак, когда вы используете this в функции начальной загрузки, это, вероятно (я должен убедиться), не означает предыдущую функцию jQuery.
  3. Вы должны управлять получением значений всех отмеченных флажков.
  4. Вместо этого код PHP должен использовать оператор IN для идентификатора.
14.05.2016
  • Итак, с чего мне начать кодирование, чтобы исправить это? 14.05.2016
  • Начните с исправления того, что я указал. Я должен спать сейчас, посреди ночи здесь. Попробуйте найти каждую точку с вашим текущим кодом. Попробуйте что-нибудь, прежде чем спрашивать, и покажите мне, что вы пробовали. 14.05.2016
  • Вы что-то пробовали? 14.05.2016
  • да, моя проблема решается var data = []; $.each($(input[name='data']:checked), function() { data.push($(this).val()); }); 15.05.2016
  • Так помогло? Если да, вам следует подумать о том, чтобы принять ответ. 16.05.2016
  • Новые материалы

    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..

    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..