<div class='field combobox'> <label class="mainlabel" for='id_{{$field.0}}' id='id_{{$field.0}}_label'>{{$field.1}}</label> {{* html5 don't work on Chrome, Safari and IE9 see https://github.com/thgreasi/datalist-polyfill <input id="id_{{$field.0}}" type="text" list="data_{{$field.0}}" > <datalist id="data_{{$field.0}}" > {{foreach $field.4 as $opt=>$val}}<option value="{{$val}}">{{/foreach}} </datalist> *}} <input id="id_{{$field.0}}" type="text" value="{{$field.2}}"> <select id="select_{{$field.0}}" onChange="$('#id_{{$field.0}}').val($(this).val())"> <option value="">{{$field.5}}</option> {{foreach $field.4 as $opt=>$val}}<option value="{{$val}}">{{$val}}</option>{{/foreach}} </select> <span class='field_help'>{{$field.3}}</span> </div>