Включить активную загрузочную вкладку в форме HTML

Question

У меня есть HTML-форма, построенная с использованием бутстрапа с двумя вкладками. В зависимости от того, какая вкладка активна, некоторые поля формы изменяются. В качестве примера:

<form role="form" method="POST" action="#"> 
<ul class="nav nav-pills"> 
    <li role="presentation" class="active"><a data-toggle="pill" href="#scheduled">Scheduled</a></li> 
    <li role="presentation"><a data-toggle="pill" href="#event">Event</a></li> 
</ul> 

    <div class="tab-pane active" id="scheduled"> 
    <input class="form-control" type="text" id="triggerdate" value="10/24/2016" /> 
    </div> 
    <div class="tab-pane active" id="event"> 
    <input id="event" class="form-control" type="text" placeholder="Event" /> 
</div> 
</form> 

Я бы хотел включить активную вкладку в качестве входного сигнала в форме. обратного вызова события

Answer 1

Используйте Bootstrap, чтобы обновить скрытый вход:

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { 
    // e.target // newly activated tab 
    // e.relatedTarget // previous active tab 
    $('input.whatever').val(e.target.id); // id property not tested, but you get the idea 
}); 

http://getbootstrap.com/javascript/#tabs-events

И да, обеспечить прогресс вашей попытки в следующий раз.