Как передать значения аргументам функции modal.show () в Bootstrap

У меня есть страница, показывающая список местных кафе. Когда пользователь нажимает на определенное кафе, отображается модальный диалог, который уже заполняет «имя кафе». На странице содержится много имен кафе, и в форме должно содержаться имя «кафе», на которое он нажал.

Ниже приведен список имен кафе, сгенерированных в виде текста со ссылкой

B&Js 10690 N De Anza Blvd Announce
CoHo Cafe 459 Lagunita Dr Announce
Hot Spot Espresso and Cafe 1631 N Capitol Ave Announce

Вот модальная форма

 

Вопрос в том, как передать фактическое значение в атрибут «значение» модальной формы?

  

Событие «показать» формы инициируется событием «onlick»

 Announce 

Вы можете сделать это так:

 Announce 

Затем используйте jQuery для привязки клика и отправки идентификатора данных Announce в качестве значения в модалях #cafeId:

 $(document).ready(function(){ $(".announce").click(function(){ // Click to only happen on announce links $("#cafeId").val($(this).data('id')); $('#createFormId').modal('show'); }); }); 

использование

 $(document).ready(function() { $('#createFormId').on('show.bs.modal', function(event) { $("#cafeId").val($(event.relatedTarget).data('id')); }); }); 

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

Вот мой модальный код:

  

И вот простой javascript для изменения значений gid и gname:

 function editGroupName(id, name) { $('input#gid').val(id); $('input#gname.form-control').val(name); } 

Я просто использовал событие onclick в ссылке:

 // ' is single quote // ('1', 'admin') edit 

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

Надеюсь, это когда-нибудь поможет кому-то. Приветствия.

  • Многостраничное раскрывающееся меню Twitter Bootstrap
  • Как я могу сохранить bootstrap popover вживую, пока popover завис?
  • BootStrap3 сохраняет раскрывающееся меню после нажатия на элемент
  • Как добавить загрузчик даты Picker Bootstrap 3 в проекте MVC 5 с использованием механизма Razor?
  • Прокручиваемое меню с помощью Bootstrap - меню, расширяющее контейнер, если оно не должно
  • Twitter Bootstrap добавляет активный class в li
  • twitter bootstrap 3 минимальная версия jquery
  • Твиттер Bootstrap Collapse Direction-Horizontal вместо вертикальной
  • Отзывчивый веб-сайт уменьшен до полной ширины на мобильном телефоне
  • Получите две колонки с разными цветами фона, которые простираются до края экрана
  • MVC 4 Редактирование модальной формы с использованием Bootstrap
  • Давайте будем гением компьютера.