```js
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="../Js/jquery.min.js"></script>
<script src="../Js/vuejs-2.5.16.js"></script>
<script src="../Js/axios-0.18.0.js"></script>
<script type="text/javascript">
window.onload = function () {
var getuser = new Vue({
el: "#app",
data: {
userList: {},
keycode:""
},
methods: {
findAll: function () {
//_this=this;
axios.get("/findStudentAll").then(function (result) {
getuser.userList = result.data;
}).catch(function (error) {
alert("error");
})
},
fun: function () {
_this = this;
var key = event.keyCode;
if(!(key<=57&&key>=48)){
event.preventDefault();
}else {
_this.keycode += String.fromCharCode(key);
console.log(_this.keycode);
}
}
},
created: function () {
this.findAll();
//this.fun();
}
})
}
</script>
</head>
<body>
<div id="app">
<form>
<select>
<option v-for="user in userList" v-bind:value="user.sno">{{user.sname}}</option>
</select>
<input type="text" v-on:keydown="fun()"/>
</form>
</div>
</body>
</html>
```