<html xmlns="http://www.w3.org/1999/xhtml">
<BODY>
<div id="podst"></div>
<INPUT type="text" class="opis" />
<script>
var streetArr=[
['Адрес абонентского отдела/ЦПО','https://javascript.ru/forum/'],
['Время работы абонентского отдела/ЦПО','https://javascript.ru/book'],
['Настройка роутера','https://learn.javascript.ru/'],
['Настройка модема','https://learn.javascript.ru/quiz'],
].sort();
document.onkeyup=function(e)
{
var e=e||window.event;
var E=e.srcElement||e.target;
if(E.className=="opis")
{
current_Target=E;
var autocompl='';
var m=0;
for(var i=0;i<streetArr.length;i++)
{
if(streetArr[i][0].toLowerCase().indexOf(current_Target.value.toLowerCase())!=-1)
{
autocompl+="<option value='"+streetArr[i][1]+"'>"+streetArr[i][0]+"<\/option>";m++;
}
}
if(autocompl!="")
{if(m>20){m=20}
document.getElementById("podst").innerHTML='\
<select \
multiple size='+m+' >'+autocompl+'<\/select>';
}
else{}
}
}
document.onclick=function(e){
var e=e||window.event;
var E=e.srcElement||e.target;
if(E.tagName=="OPTION" || E.value && E.tagName=="SELECT") {
window.location = E.value;
}
}
</SCRIPT>
</BODY>
</html>