Выпадающий список с возможностью введения собственного значения
 

Доброго времени суток!.
В форме существует поле с выпадающим списком:

<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 (если пользователь выбрать значение из списка)

Самому можно сделать все, что угодно! :yes:

Такой вариант разрешает как выбирать из списка, так и писать любое значение...

<p>Выберите любимого персонажа:</p>
<p>
	<input list="character">
	<datalist id="character">
		<option value="Чебурашка"></option>
		<option value="Крокодил Гена"></option>
		<option value="Шапокляк"></option>
	</datalist>
</p>

http://htmlbook.ru/html/datalist

ksa, спасибо что откликнулись.
Если сделать через datalist,тогда при попытке поменять выбранное значение, выпадающий список не выводится со всеми значениями (скрин "Список аллей"), а выводится только то значение, которое было выбрано (скрин "Выбранная аллея")
Выпадающий список (полный) выводится после того, как выбранное значение удалить вручную.

_marisha, если стандартные элементы не устраивают - нужно писать свои...