Формы. Динамическое изменение itemID у формы в зависимости от других элементов страницы

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

Мы можем виртуально создать кнопку модальной формы, передать ей нужный itemID и программно вызвать (а затем ее удалить). 

Разметка: 

<div class="s1">
  <input type='text' class="s1-count" value="2" />
  <a href="#" class="s1-order">Create order</a>
</div>

Код JS: 

$(function(){
  $(document).delegate('.s1-order', 'click', function(e){
  	e.preventDefault();
    var count = $(this).closest('.s1').find(".s1-count:first").val();
    if(count){
    	var link = $('<a href="#" class="as-form-modal hide" data-code="order" data-itemID="'+count+'" '+
           ' data=-big="1" data-title="New order"></a>');
      	$('body').append(link);
        link.trigger('click');
      	setTimeout(function(){ link.remove(); }, 100);
    }    
  });
  

В итоге кнопка s1-order работает, как будто это кнопка модальной формы, в которую проставляется количество из внешнего поля s1-count. 

Falcon Space - функциональная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space
Насколько полезной была статья?

Google поиск по нашей документации

Выгода от использования Falcon Space

В 2-3 раза экономнее и быстрее, чем заказная разработка
Более гибкая, чем коробочные решения и облачные сервисы
Используйте готовые решения и изменяйте под свои потребности
Нужна бесплатная консультация?
Получить оценку проекта
Создайте концепцию проекта на основе нашего шаблона и получите оценку проекта в виде КП.
Демо-сайт решений
Базисные решения, которые можно гибко адаптировать под себя: менять внешний вид, бизнес-логику и даже структуру базы данных.
Сайт использует Cookie. Правила конфиденциальности OK