<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
#result{width:152px;}
#showDiv{display: none;border:1px solid black;width:150px;}
#showDiv ul{padding-top:0px;padding-left:0px;}
#showDiv ul li{
list-style: none;
margin-top:0px;
margin-left: 0px;padding-top:0px;padding-left:0px;
cursor:pointer;
}
</style>
<script type="text/javascript" src="../js/jquery-3.1.0.min.js" ></script>
</head>
<body>
<div>
<input οnkeyup="getResult()" id="result">
<div id="showDiv"></div>
</div>
</body>
<script>
function chg(ttt){
$('#showDiv').css('display','none');
$('#result').val(ttt);
}
var array=['s12','asdefre','2hjko0','87uij','a2sdf','asdxc','a23sd','aaaaaa'];
function getResult(){
var tmp=$("#result").val();
var eleArray=['<ul>'];
for(var i=0,length=array.length;i<length;i++){
if(array[i].indexOf(tmp)>=0){
eleArray.push('<li οnclick="chg(\''+ array[i] + '\')">' + array[i] + '</li>');
}
}
if(eleArray.length>1){
eleArray.push("<ul>");
$("#showDiv").html(eleArray.join(" "));
$("#showDiv").css('display','block');
}
}
</script>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
#result{width:152px;}
#showDiv{display: none;border:1px solid black;width:150px;}
#showDiv ul{padding-top:0px;padding-left:0px;}
#showDiv ul li{
list-style: none;
margin-top:0px;
margin-left: 0px;padding-top:0px;padding-left:0px;
cursor:pointer;
}
</style>
<script type="text/javascript" src="../js/jquery-3.1.0.min.js" ></script>
</head>
<body>
<div>
<input οnkeyup="getResult()" id="result">
<div id="showDiv"></div>
</div>
</body>
<script>
function chg(ttt){
$('#showDiv').css('display','none');
$('#result').val(ttt);
}
var array=['s12','asdefre','2hjko0','87uij','a2sdf','asdxc','a23sd','aaaaaa'];
function getResult(){
var tmp=$("#result").val();
var eleArray=['<ul>'];
for(var i=0,length=array.length;i<length;i++){
if(array[i].indexOf(tmp)>=0){
eleArray.push('<li οnclick="chg(\''+ array[i] + '\')">' + array[i] + '</li>');
}
}
if(eleArray.length>1){
eleArray.push("<ul>");
$("#showDiv").html(eleArray.join(" "));
$("#showDiv").css('display','block');
}
}
</script>
</html>