<div class="form__field">
<label class="label" for="{{field.fieldname}}">{{field.label}}{% include 'forms/inputs/elements/_required.html.twig' %}</label>
<select name="{{field.fieldname}}" autocomplete="off" id="{{field.fieldname}}" name="select" placeholder="Please select from list" class="js-selectize input__select" aria-label="form select" {% include 'forms/inputs/elements/_disabled.html.twig' %}
{% if field["dependentFields"] is defined and field["dependentFields"] is not null %}
aria-controls="{% for dependentName, dependentVals in field["dependentFields"] %}{{ dependentVals }} {% endfor %}"
{% endif %}
>
<option
value="-99"
{% if field.value is not defined %}
selected=""
{% endif %}
{% if userData is not defined or userData[0][field.fieldname] is not defined or userData[0][field.fieldname] is null %}
selected=""
{% endif %}
>
please select from list
</option>
{% for opt in field.selectOptions %}
<option
value="{{opt.id}}"
{% if field.value is defined and field.value==opt.id %}
selected=""
{% endif %}
{% if userData is defined and userData[0][field.fieldname] is defined and userData[0][field.fieldname] is not null and userData[0][field.fieldname]==opt.id %}
selected=""
{% endif %}
>
{{opt.label}}
</option>
{% endfor %}
</select>
{% include 'forms/inputs/elements/_error.html.twig' %}
</div>