Доброго времени суток!.
В форме существует поле с выпадающим списком:
<div class="place_sections_block">
<div class="row">
<div class="col-md-12">
<div class="form-group animated-labels input-filed">
<label for="POPUP_SERVICE">Аллея</label>
<div class="input">
<select name="uf_alley" class="place_sections form-control">
<? foreach ($sections as $section) { ?>
<option value="<?=$section['ID'] ?>"><?= $section['NAME'] ?></option>
<? } ?>
</select>
</div>
</div>
</div>
</div>
</div>
Данный список предопределенный.
$section['ID'] - ID необходимого элемента, который используется при оформлении заказа.
На данный момент значение поля (ID) ищется так:
let uf_alley = $('.place_sections_block select[name="uf_alley"]').val();
Но необходимо чтобы существовала возможность ввода собственного значения, т.е. чтобы была возможность выбрать из выпадающего списка и ввести любое другое.
Введенное самостоятельно значение необходимо также записывать в переменную.
Подскажите, пожалуйста, возможно ли сделать поле в виде выпадающего списка с вводом значения?
Можно ли сделать таким образом?
<input list="character" name="uf_alley" class="place_sections form-control">
<datalist id="character">
<? foreach ($sections as $section) { ?>
<option value="<?=$section['ID'] ?>"><?= $section['NAME'] ?></option>
<? } ?>
</datalist>
В таком случае затрудняюсь как сохранить введенное значение и ID (если пользователь выбрать значение из списка)
