Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.08.2019, 10:50
Профессор
Отправить личное сообщение для _marisha Посмотреть профиль Найти все сообщения от _marisha
 
Регистрация: 18.05.2018
Сообщений: 170

Выпадающий список с возможностью введения собственного значения
Доброго времени суток!.
В форме существует поле с выпадающим списком:
<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 (если пользователь выбрать значение из списка)
Ответить с цитированием
  #2 (permalink)  
Старый 19.08.2019, 12:35
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,118

Сообщение от _marisha
возможно ли сделать поле в виде выпадающего списка с вводом значения?
Самому можно сделать все, что угодно!
Ответить с цитированием
  #3 (permalink)  
Старый 19.08.2019, 12:40
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,118

Сообщение от _marisha
Можно ли сделать таким образом?
Такой вариант разрешает как выбирать из списка, так и писать любое значение...
<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
Ответить с цитированием
  #4 (permalink)  
Старый 20.08.2019, 05:25
Профессор
Отправить личное сообщение для _marisha Посмотреть профиль Найти все сообщения от _marisha
 
Регистрация: 18.05.2018
Сообщений: 170

ksa, спасибо что откликнулись.
Если сделать через datalist,тогда при попытке поменять выбранное значение, выпадающий список не выводится со всеми значениями (скрин "Список аллей"), а выводится только то значение, которое было выбрано (скрин "Выбранная аллея")
Выпадающий список (полный) выводится после того, как выбранное значение удалить вручную.
Изображения:
Тип файла: jpg Список аллей.jpg (13.4 Кб, 3 просмотров)
Тип файла: jpg Выбранная аллея.jpg (7.7 Кб, 3 просмотров)
Ответить с цитированием
  #5 (permalink)  
Старый 20.08.2019, 07:35
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,118

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Выпадающий список в HTML. Отображение данных в зависимости от значения из списка maxx787 Элементы интерфейса 13 16.07.2017 21:10
выпадающий список подходящих строк при наборе значения yaro Элементы интерфейса 1 02.04.2012 17:54
Выпадающий список olejan Общие вопросы Javascript 8 17.06.2011 19:15
Выпадающий список с возможностью ввода текста LA_ Элементы интерфейса 6 27.10.2010 16:30
как сделать выпадающий список, чтобы второй зависил от значения первого???? zsaz jQuery 2 16.07.2010 20:12