Поймайте скрытые поля в случае изменения формы с использованием JQuery

Question

У меня есть форма, как показано ниже

<form:form id="depositDetailsFormTab" method="post" action="${depositDetailsFormContactMe}" modelAttribute="DepositDetails"> 
<div class="panel-body"> 
    <div class="row"> 
    <span class="pull-right manfields"><span class="red-star">*</span>Mandatory Fields</span> 
     <div class="col-sm-4 col-md-4"> 
      <label class="labelname">Amount In</label> <input 
       class="form-control" id="amountin" type="text" name="amountIn"> 
     </div> 
    </div>  
    <div class="row"> 
     <div class="col-sm-4 col-md-4"> 
      <label class="labelname">Category</label> 
      <a class="btn btn-default btn-select custom-drop-down"> 
       <input type="hidden" class="btn-select-input" id="" name="category" value=""> 
       <span class="btn-select-value">Select an Item</span> 
       <span class="btn-select-arrow glyphicon glyphicon-chevron-down"></span> 
        <ul class="category" id="category" style="display: none;"> 
         <li>DHFL Promoter</li> 
         <li>Director</li> 
         <li>Relative of Director</li> 
         <li>Shareholder</li> 
         <li>Public</li> 
        </ul> 
      </a> 
     </div>   
    </div> 
    <div class="formbtn">  
     <button class=" btn secondary-btn" type="button" id="btn_depositdetails_submit">Save &amp; Continue</button> 
    </div> 
</div> 
</form:form> 

В этой форме у меня есть скрытое поле, которое улавливает выбранный элемент списка. Дизайнеры использовали ul li вместо выпадающего списка.

Здесь я пытаюсь поймать событие изменения формы с помощью JQuery, как показано ниже

$("#depositDetailsFormTab :input").change(function() { 
    alert("changed"); 
}); 

Он стреляет при первом поле ввода изменен, но не предупреждая при изменении элемента списка в выпадающем списке. Фактически я обновляю скрытое поле при изменении элемента списка.

Итак, как включить скрытые поля в событие изменения формы?

Заранее спасибо

Answer 1

Я слышал, что изменение значения для скрытого поля автоматически не срабатывает «OnChange» событие. Поэтому я предлагаю попытаться запустить его вручную. Например:

$("#hiddenFieldId").val("NewVal").change(); 

Answer 2

Я думаю, вам нужно вызвать .trigger («изменить») на своем поле, когда вы установите его (после выбора Li)