Передать ID в модальное окно

@Salvat · Регистрация: 30.11.2015

Студворк — интернет-сервис помощи студентам

Здравствуйте.
У меня имеется такой код в цикле

PHP/HTML
1
2
3
4
  <button type='submit' class='litle' style='border: 0; background: transparent'  data-toggle='modal'
  data-target='#add_product' data-id='".$rs['id']."'>
                    <img  src='img/partner.png'>
 </button>

Где data-id проставляется ид кнопки по которой был произведен клик. Имеется стандартное модальное окошко,

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div class="modal fade" id="add_product" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style='margin-top:200px;'>
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel"  ><center><b>Add partners</b></center></h4>
      </div>
      <div class="modal-body" style='height:200px;'>
 
 
      <center>  <input type="submit" class="btn btn-primary" name='upload' value='Upload'></center> 
 </form>
 
      </div>
    </div>
  </div>
</div>

Я пробовал таким образом, передать в текстовое поле, но потом сделать его думал скрытым

PHP/HTML
1
2
3
4
  <button type='submit' class='litle' style='border: 0; background: transparent'  data-toggle='modal'
  data-target='#add_product' onchange='document.getElementById('id').value ='".$rs['id']."' ; ''>
                    <img  src='img/partner.png'>
 </button>

И в форму
<input id="id" type="search" name="text" value="">
Но так не работает, подскажите каким образом передать ид того объекта по которому был произведен клик.

Добавлено через 1 час 13 минут
Костылем решил проблему, но знаю что это не правильно, при построении button впилил модальное окно, строю название модального окна,

PHP/HTML
1
<div class="modal fade" id="add_product'".$rs['id']."'tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style='margin-top:200px;'>

и

PHP/HTML
1
2
3
4
  <button type='submit' class='litle' style='border: 0; background: transparent'  data-toggle='modal'
  data-target='#add_product'".$rs['id']."' >
                    <img  src='img/partner.png'>
 </button>

Все работает, может кто подскажет другой путь, там с помощью JS, это реализация на php, костылем как я его называю)

@fanatikus · 27.06.2017, 18:25

JavaScript
1
2
3
4
5
6
$(function(){
     $('.litle').click(function(){
          var id =  $(this).data('id');
          // помещаем id куда нужно
    })
})

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

Передать ID в модальное окно

Решение