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

SQL-инструмент для создания личных кабинетов на сайте

Суть подхода и история создания Falcon Space

Платформа Falcon Space

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

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

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

по ходу эксплуатации программы

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

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

Веб-приложения на чистом MS SQL. Обучение разработке на Falcon Space

Вы можете разрабатывать самостоятельно или сотрудничать с нами в плане веб-разработки на платформе Falcon Space, используя только SQL и HTML.

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