Обязательный выбор только с <DATALIST>

[moshkin_ura]

Доброе время суток.
Столкнулся с проблемой.
Я хочу что-бы можно было выбирать ТОЛЬКО из <datalist> а свое вводить нельзя!
Подскажите пожалуйста, как так сделать?
вот код:

<input id="search_sale" type="text" name="name" placeholder="НАИМЕНОВАНИЕ" style="width:300px;" list="data_sale" autocomplete="off">
<datalist id="data_sale">
<option>Яблочный пирог</option>
<option>Малиновый пирог</option>
<option>Грушевый пирог</option>
</datalist>

[moshkin_ura]

Знаю что можно через JS, но как? Конечно лучше будет если через JQUERY

[Stilet]

а свое вводить нельзя!

Тогда замени его на <select>

[moshkin_ura]

Сообщение от Stilet

Тогда замени его на <select>

У SELECT на сколько я знаю, нету поле для ввода, и сортировки, input и datalist то что мне нужно, но как так сделать, что-бы можно было ТОЛЬКО выбор того что будет DATALIST.

[Stilet]

нету поле для ввода

А зачем тебе оно если ты хочешь

выбирать ТОЛЬКО из ... а свое вводить нельзя!

?

[moshkin_ura]

Сообщение от Stilet

А зачем тебе оно если ты хочешь?

Вы понимайте что, я делаю так:
Человек вводить пару символов, передаются на сервер и в БД, и выдается ответ, в этом ответе, товары... И мне нужно что-бы можно было выбрать только из полученного списка.
Так понятно?

[Stilet]

Да понятно понятно, только вот фраза

а свое вводить нельзя!

все твои идеи перечеркивает на корню.
Как вариант: Ниже Текстового поля вставь <select> По клацу Энтером - наполняй сам <select> из базы, и предлагай выбор из него. В опции селекта вставляй ID соответствующий с ключевым полем из базы. Первый пункт к примеру id="", чтоб потом после выбора проанализировать выбран ли какой либо пункт из селекта. Я по крайней мере так делал, только селект заменял кое-чем другим.

[moshkin_ura]

Сообщение от Stilet

Да понятно понятно, только вот фраза все твои идеи перечеркивает на корню.
Как вариант: Ниже Текстового поля вставь <select> По клацу Энтером - наполняй сам <select> из базы, и предлагай выбор из него. В опции селекта вставляй ID соответствующий с ключевым полем из базы. Первый пункт к примеру id="", чтоб потом после выбора проанализировать выбран ли какой либо пункт из селекта. Я по крайней мере так делал, только селект заменял кое-чем другим.

Если чесно, я чет нифига не понял

[Stilet]

Хм... Ну вот смотри:

<input onkeypress="foo(this,event)">
<select id="mysel">
 <option>Ниче не выбрано</option>
</select>

функция:

function foo(me,e){
    var keynum=0;
	if(!e) return false;
	if(window.event){keynum = e.keyCode} else if(e.which){keynum = e.which}

if(keynum==13){
 Отправляем запрос с данными от me.value
}
}

По получению ответа:

 var ms=document.getElementById("mysel");
 if(ms){
  Тут добавляем в него то что пришло с ответом
 }

Таким образом select наполнится данными из ответа. Код наполнения зависит от того в какой форме они придут с ответом.
Как попроще обьяснить я не знаю, но имхо с DATALIST ты того чего хочешь не добъешься.

Пусть коллеги меня поправят.

[moshkin_ura]

Сообщение от Stilet

но имхо с DATALIST ты того чего хочешь не добъешься.

Да одном из форумов, нде именно не помню встретил такую вещь, что такое есть... НО у меня оно не работает может ID не правильно наследую и.тп
Но все же везде есть выход.