Автозаполнение и конвертация
 

Подскажите как сделать поле типа select, что бы можно было с ID работать, только через input.
Думаю реальный input ID скрыть, и сделать еще одно поле input для автозаполнения.

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
    <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js" ></script>

    <input id="id" type="text">
    <input id="text" type="text">

<script type="text/javascript">
    jQuery(document).ready(function($) {

        $('#text').autocomplete({

            source: "ПУТЬ" ,
            minlength:1,
            autofocus:true,
            select:function(event,ui){
                $("#text").val(ui.item.value);
                $("#id").val(ui.item.id);
            }
        });
    });
</script>

Как сделать чтобы выбор был обязательным из всплывающих подсказок?

zerg,
http://api.jqueryui.com/autocomplete/

Да, я через autocomplete и сделал, осталось сделать чтобы был обязательный выбор, но не знаю как это лучше сделать.

это как?

Хочется типа https://select2.github.io/examples.html
Пример называется Loading remote data.
select2 не совместим с моими библиотеками.

zerg,
не понял
это тоже не понимаю

Ну там по ссылке пример как можно сделать. Пример называется "Loading remote data". Нажимаешь на select, вместо списка вываливается поле ввода строки, и после ввода появляются подсказки. Получается как обычный select с обязательным выбором из существующего. Просто по другому ничего не приходит на ум.

не понимаю, что вы тут написали.
но посмотрите ссылки
http://javascript.ru/forum/jquery/59...tml#post393615

http://javascript.ru/forum/jquery/51...tml#post338176

http://javascript.ru/forum/dom-windo...tml#post428640

Автору скорее всего нужна кастомизация "select" (выпадающего списка) с возможностью поиска.
https://silviomoreto.github.io/boots...s/#live-search

Суть в том что есть 2 таблицы связанные.
t1
id
value

t2
id
t1_id
...

И нужно редактировать в t2 поле t1_id. Смысл в том что это обычно делается через <select>. Но в моем случае это не подходит, поскольку данных много и это не имеет смысла. Пытаюсь крутится через jquery. Автозаполнение работает, но проблема в том что можно указать не существующее значение value из t1. Получается подсказки полноценно заменить <select> не могут.
По ссылке https://select2.github.io/examples.html пример Loading remote data как раз реализован через <select>. Там по умолчанию указывается текущее значение id и value и больше в списке ничего нет. При нажатии на <select>, появляется поле ввода и потом автоподсказки. И таким образом выбираешь <select>. Ввод получается обязательным.
Из того что сейчас, у меня скрытое поле, его сделаю <select>. Получается при клике на него, нужно чтобы появился вспдлывающий список с окошком автоподсказок. В jquery вообще есть такое, или это нужно через css делать.