Формы. Динамическое изменение 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

Это снижение стоимости владения

за счет меньшего количества людей для поддержки и узкого стека разработки. Про снижение стоимости владения продуктом

Это быстрое внесение изменений

по ходу эксплуатации программы. Как создается функционал на платформе

Это простой удобный интерфейс

адаптация под мобильные устройства. Про юзабилити платформы

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