Как понять код?

Question

[maestro07]

всем привет. не могу понять код, может кто нибудь помочь?

<input type="text" 
		id="id_customers_{{forloop.counter0}}_tin" 
		name="customers[{{forloop.counter0}}].tin" 
		value="{{customer.tin}}" 
		class="form-control get-tin tin" 
		data-type="customer" 
		data-num="{{forloop.counter0}}" 
		data-provide="typeahead" 
		maxlength="12" 
		data-sname="customers[{{forloop.counter0}}]" {% if invoice.invoice_type !=0 and invoice.invoice_type !=1 %} readonly="readonly" {% endif %}>
<span class="help-block"></span>

появляется это после заполнения input но не могу найти в коде. код из браузера

<div class="col-sm-5 col-lg-4">
    <input type="text" id="id_customers_0_tin" name="customers[0].tin" value="" class="form-control get-tin tin" data-type="customer" data-num="0" data-provide="typeahead" maxlength="12" data-sname="customers[0]" data-original-title="">
    <ul class="typeahead dropdown-menu" role="listbox" style="top: 30px; left: 15px; display: none;">
        <li class="active"><a class="dropdown-item" href="#" role="option"><strong>1</strong>234567890<strong>1</strong><strong>1</strong> (ИП КАЙРАТ)</a></li>
        <li><a class="dropdown-item" href="#" role="option"><strong>1</strong>4054000633<strong>1</strong> (B&amp;B)</a></li>
    </ul>
    <span class="help-block"></span>
</div>

framework bootstrap

Comments

[Юнус Газиев]

Denis Bednov: А точнее либо Bootstrap-3-Typeahead либо typeahead.js

[maestro07]

Юнус Газиев: bootstrap typehead

Answer 1

[Илья Караваев]

А его не нужно понимать буквально. У тебя через шаблон создается input и span. Их ты можешь увидеть у себя в верстке. А ul уже создается после при помощи какого нибудь select2 с ajax подгрузкой.

Comments

[maestro07]

точно такое хотел сделать, есть api который возвращает json.

[Илья Караваев]

maestro07: если есть API, то почитайте про select2. Он из коробки, с правильной настройкой, способен подгрузить данные и при помощи переданной ему функции сформировать правильный массив для вывода списка вариантов.